edgeexp

[toc]

edge浏览器扩展 🥢

去除广告 🔪

step1
👣如何去除 HTMLcheat 当中的ad呢？

  • 老师教的方法是在控制台下,并要求放在浏览器扩展中

    step1

  • 后面自己摸索编写js

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    // 在父类masonryPanel下找到广告栏 reklamocska, 在判断rekla。
    //因为每个栏都有minimizepanel,但是有reklamocska的才是我们需要的


    document.querySelectorAll('.masonryPanel').forEach(ad => {
      const re = ad.querySelector('.reklamocska');
      //re就是在masonryPanel下找到reklamocska,如果找到就关闭masonrypanel的minimizePanel
      //这样一个逻辑
      if (re){
    	const mi= ad.querySelector('.minimizePanel');
    	mi.click();
      }
    });

    step2

  1. 🎫制作扩展参考微软官网 创建扩展教程

    • 新建一个manifast.js 添加如下内容 
      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      {
          "name": "NASA picture of the day viewer",
          "version": "0.0.0.1",
          "manifest_version": 3,
          "description": "An extension to display the NASA picture of the day.",
          "icons": {
              "16": "icons/nasapod16x16.png",
              "32": "icons/nasapod32x32.png",
              "48": "icons/nasapod48x48.png",
              "128": "icons/nasapod128x128.png"
          },
          "action": {
              "default_popup": "popup/popup.html"
          }
      }
    • 新建一个html
      htmljiegou

    贴出代码

     
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <html lang="en">
    	<head>
    		<meta charset="UTF-8" />
    		<title>NASA picture of the day</title>
    	</head>
    	<body>
    		<div>
    			<img src="/images/stars.jpeg" alt="Display the stars image" />
    		</div>
    	</body>
    </html>

    • 目录结构如下 

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      └── part1
          ├── manifest.json
          ├── icons
          │   ├── nasapod16x16.png
          │   ├── nasapod32x32.png
          │   ├── nasapod48x48.png
          │   └── nasapod128x128.png
          ├── images
          │   └── stars.jpeg
          └── popup
              └── popup.html

      图片如下

      mljiegou

    • 进入 edge 输入 edge://extensions/

      edgekuoz

    下一步添加扩展文件夹

    edgeanzhuangjietu

    下一步查看和使用

    edgeanzhuangjietu

问题解决

  1. 我是如何做下来的？

    只是掌握浏览器F12，但是知道HTML5基础，懂得找div class，懂得使用ChatGPT

    • 其中第一步是：f12开启，在源码中用鼠标移动到div上，看看哪一块高亮，先找到div的class

    • 问ChatGPT
      问题与ChatGPT回答

    • 上搜索引擎询问如何做
      搜索引擎询问

      一个个点击，发现第一个是edge官方

    注：

    解决问题盲目，应当要如此解决： 什么地方的插件，在什么官网上找，对症下药，一步到位，尽量减少查询次数。