js去掉页面广告

js去掉页面广告(这里是支护和键鼠的网站广告屏蔽)

		//要屏蔽的标签的id名字
		var idName = [];
		//要屏蔽的标签的class名字
        var className = ["SearchTabs-inner","AppHeader-inner css-l2ygoj","Footer","css-knqde","css-1oy4rvw","Question-sideColumn Question-sideColumn--sticky css-1qyytj7","QuestionHeader","Top","Mid_top","Mid2_R","QZnav","Mid2L_crumb","gs_comm_content_bot_fun","Comment","MidLpic"];
        //要屏蔽的标签的属性对应的值  如果既没有id也没有class就这种方式 
        //标签名(分隔符)属性(分隔符)属性值  可以解决狗皮广告
		var attrName = ["a@aria-controls@Topstory-zvideo",
        "div@style@width: 200px; height: 400px; position: fixed; top: 35%; margin-top:-200px; z-index: 2147483647; left:0px;",
        "div@style@width: 200px; height: 400px; position: fixed; top:35%; margin-top:-200px; z-index: 2147483647; right:0px;",
        "div@style@display: block; padding: 0px; margin: 0px; z-index:2147483648; position: fixed; right: 0px; bottom: auto; left: auto; bottom: 0px; width: 320px; height: 270px;","div@style@display: block; padding: 0px; margin: 0px; position: fixed; width:320px; height: 25px; overflow: hidden; z-index:2147483648;opacity:1;background:#4F4F4F;bottom:270px; left: auto; right:0px;"];
        //定时器 一秒一次
        setInterval(function () {
        //根据id移除元素
            removeElemById(idName);
            //根据class移除元素
            removeElemByClass(className);
            //根据(标签 属性 属性值) 联合起来移除元素
            removeElemByTagAttr(attrName);
        }, 1000);

        function removeElemByTagAttr(e) {
            for (let j = 0; j < e.length; j++) {
                const element = e[j];
                var s = element.split("@");
                var elems = document.querySelectorAll("" + s[0] + "[" + s[1] + "]");
                for (var i = 0; i < elems.length; i++) {
                //如果对应的标签的属性的值包含给定的值就移除元素
                    if (elems[i].getAttribute(s[1]).indexOf(s[2]) !== -1) {
                        elems[i].remove();
                    }
                }
            }
        }

        function removeElemById(e) {
            for (let i = 0; i < e.length; i++) {
                const element = document.getElementById(e[i]);
                if (element) {
                    element.remove()
                }
            }
        }

        function removeElemByClass(e) {
            for (let i = 0; i < e.length; i++) {
                const element = document.getElementsByClassName(e[i]);
                if (element) {
                    for (let j = 0; j < element.length; j++) {
                       element[j].remove();
                    }
                }
            }
        }

使用

1.F12打开控制台

控制台

2.点小眼睛

填代码

3.填写JS代码

填写

4.刷新页面

这是狗皮膏药广告
这是狗皮膏药广告
刷新页面
广告没啦!
广告没啦!

打包成浏览器插件
将JavaScript制作成浏览器插件的步骤可以简单概括为以下几步:

编写JavaScript代码。首先,你需要编写你的JavaScript代码,实现你想要的功能。

创建插件清单文件。插件清单文件是一个JSON格式的文件,用于描述插件的基本信息、文件路径、权限等。你需要创建一个名为manifest.json的文件,并在其中定义你的插件信息。

打包插件文件。将你的JavaScript文件和manifest.json文件打包成一个ZIP文件。

安装插件。将打包好的ZIP文件安装到你的浏览器中,即可使用你的插件。

下面是一个简单的示例,演示如何将一个JavaScript文件制作成一个Chrome浏览器插件:

编写JavaScript代码。假设我们要制作一个简单的Chrome插件,用于在页面上显示一条消息。我们可以编写以下JavaScript代码:
// removead.js 这里是上面的js代码
alert('Hello, world!');
 javascript
创建插件清单文件。我们需要创建一个名为manifest.json的文件,并在其中定义我们的插件信息。以下是一个示例:
{
  "name": "RemoveAd",
  "version": "1.0",
  "description": "used to remove ad",
  "manifest_version": 2,
  "content_scripts": [
    {
      "matches": [
        "<all_urls>"
      ],
      "js": [
        "removead.js"
      ]
    }
  ]
}
 json
在这个示例中,我们定义了插件的名称、版本、描述等信息,并使用content_scripts字段指定了需要注入的JavaScript文件。matches字段指定了需要注入JavaScript的页面URL,这里使用了通配符<all_urls>,表示匹配所有页面。js字段指定了需要注入的JavaScript文件路径。

打包插件文件。将content.js和manifest.json文件打包成一个ZIP文件。

安装插件。在Chrome浏览器中打开插件管理页面(chrome://extensions/),将打包好的ZIP文件拖动到页面中即可安装插件。

这样,我们就制作了一个简单的Chrome插件,并成功安装到了浏览器中。当我们访问任意网页时,都会弹出一个消息框,显示Hello, world!。

注意事项

1.只对当前页面生效
2.控制台必须一直开着
3.打包后就不会有1,2的问题
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值