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的问题