简单几行代码，写一个百度广告屏蔽插件，爽到爆

JeOam 发布于2019-08-19 18:32 / 3272人阅读

摘要：使用方法，新增脚本，粘贴代码代码如下已过滤条垃圾广告，本次过滤条然后每次打开浏览器百度搜索，就不会再有提示了效果

下载地址：https://github.com/jsoncode/b...
使用方法：

将文件夹拖到这里面

一个小问题：
我没有境外支付信用卡>无法向谷歌支付$5的费用>每次打开浏览器都会提示是否禁止>点取消就行了

也可以通过网上的方法，修改注册表关闭提示，这里就不再赘述
如果你有更新，需要打开第二张图的位置，重新载入才能生效

目录结构

-bd.png
-browser_action.js
-config.js
-manifest.json

manifest.json

{
    "name": "屏蔽百度广告",
    "manifest_version": 2,
    "version": "1.0",
    "description": "百度插件",
    "browser_action": {
        "default_icon": "bd.png"
    },
    "icons": {
        "128":"bd.png"
    },
    "content_scripts": [{
        "matches": [""],
        "js": ["config.js","browser_action.js"]
    }]
}

browser_action.js

var lists = str.split("
").filter(function(v) {
    if (v) return true
});

function clear(lists) {
    var local = location.href;
    for (var a = 0, list; list = lists[a++];) {
        var sub = list.split("$");
        if (new RegExp(sub[0]).test(local)) {
            var selector = sub[1];
            var obj = document.querySelectorAll(selector);
            for (var i = 0, item; item = obj[i++];) {
                item.parentNode.removeChild(item);
            }
        }
    }
}

clear(lists);
setInterval(function() {
    clear(lists);
}, 2000);
var input = document.querySelector("input[name=wd]");
input&&input.addEventListener("change", function() {
    clear(lists);
});

之所以用定时器一直调用，是因为有些网站会动态延迟的加载动态脚本类的广告，比如bd,恶心无比，自己使用的adBlock,adBlock plus都不理想。

config.js

var str = `
www.baidu.com$#content_left [style="display:block !important;visibility:visible !important"]
www.baidu.com$[tpl="right_toplist"]
www.baidu.com$[class="c-gray c-feedback"]
www.baidu.com$[data-click*="vLevel"]
`;

用法：每次只需要修改config.js中的规则就行
规则约定：需要屏蔽的网站地址$css3选择器，中间的$是分隔符，选择器选中的就是要被删除的广告

上面四个规则自己常用的，
第一个可以屏蔽大多数动态流氓广告，之所以用这么低级的方法(style=*)是因为这类广告伪装实在太逼真（和正常搜索结果没任何区别）
第二个屏蔽右侧不喜欢的推荐
第三行忘记了，
第四行是一些推广广告

从此，世界一片洁净，我不会成为第二个魏则西，在此分享给大家，

这里更新一下，每次打开浏览器，都会提示的问题。

我找到了一个管理浏览器插件代码片段的工具Tampermonkey，是一个浏览器插件。
然后就可以把我的百度插件代码添加到这个插件中使用，就不会每次都提示了。

使用方法：
1，新增脚本

2，粘贴代码

代码如下：

// ==UserScript==
// @name         ad-baidu
// @namespace    https://baidu.com/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://www.baidu.com/**
// @grant        none
// ==/UserScript==
var selectors = `
#content_left [style*="display:block !important;visibility:visible !important"]
[tpl="right_toplist"]
[class="c-gray c-feedback"]
[data-click*="vLevel"]
`;
selectors = selectors.trim().split("
");
var count = 0;
function showCount(cn){
    if(cn>0){
        count+=cn;
        var content_right = document.querySelector("#content_right");
        if(content_right){
            content_right.style.position = "relative";
            var style = `
line-height: 42px;
text-align: center;
background: #0c0;
color: #fff;
margin-bottom:30px;
`;
            var msgCount = document.querySelector("#msg-remove");
            if(!msgCount){
                content_right.insertAdjacentHTML("afterbegin","");
                msgCount = document.querySelector("#msg-remove");
            }
            msgCount.innerHTML = "已过滤："+count+"条垃圾广告，本次过滤："+cn+"条";
        }
    }
}
function clear() {
    selectors.forEach(function(selector) {
        var doms = document.querySelectorAll(selector);
        if(doms.length){
            doms = Array.from(doms);
            showCount(doms.length);
            doms.forEach(function(dom) {
                dom.parentNode.removeChild(dom);
            });
        }
    });
}
setInterval(function () {
    clear();
},500);

然后每次打开浏览器百度搜索，就不会再有提示了；
效果：

云服务器 GPU云服务器爽到爆屏蔽百度广告代码写一个服务器电脑广告屏蔽

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/79671.html

我的页面我做主——浏览器去广告正确姿势

摘要：简单高效的自定义方式对于这些情况我们可以使用一个强大的浏览器插件，简称，中文俗称为油猴，支持和浏览器。简单几行代码，就可以去除大部分页面广告。声明需要使用的函数。会CSS就会去广告~ 传统去广告方法的弊端我们浏览网页的时候经常不免会看到各种不想看到的广告内容，最简单的方案就是通过浏览器插件来解决，比如大名鼎鼎的AdBlock插件以及国内的各种广告拦截助手。但这些插件的拦截能力可...

iamyoung001 2019-08-26 10:20 评论0 收藏0
我的页面我做主——浏览器去广告正确姿势

摘要：简单高效的自定义方式对于这些情况我们可以使用一个强大的浏览器插件，简称，中文俗称为油猴，支持和浏览器。简单几行代码，就可以去除大部分页面广告。声明需要使用的函数。会CSS就会去广告~ 传统去广告方法的弊端我们浏览网页的时候经常不免会看到各种不想看到的广告内容，最简单的方案就是通过浏览器插件来解决，比如大名鼎鼎的AdBlock插件以及国内的各种广告拦截助手。但这些插件的拦截能力可...

20171112 2019-08-30 15:44 评论0 收藏0
基于 Tampermonkey插件的百度广告屏蔽脚本

摘要：由于一些广告是动态加载，也无能为力，所以，自己写了一个脚本来过滤这些动态广告。使用前使用后已过滤条垃圾广告，本次过滤条脚本由于一些广告是动态加载，adplus也无能为力，所以，自己写了一个脚本来过滤这些动态广告。使用前： showImg(https://segmentfault.com/img/bVNOsw?w=1204&h=868); 使用后： showImg(https://s...

jiekechoo 2019-08-20 16:37 评论0 收藏0
vue-cli + webpack 多页面实例配置优化方法

摘要：在谷歌找多页面，实例还是比较少，功夫不负有心人，在那找到了，具体可以到这个，非常感谢童鞋，今天要讲的内容是基于童鞋的多页面实例上再优化的。有需要一起交流的可以加我的微信，，记得备注技术交流哈。 vue+webpack是否有多页面目前使用vue来做项目，估计大部分都是单页面（SPA）应用，一个轻型的 MVVM 框架，谁用了MVVM框架，就再也回不去JQ时代了，哈哈。在手机端的项目，使...

Taste 2019-08-20 10:36 评论0 收藏0
玩转 React（二）- 新型前端开发方式

摘要：这也就是所谓的单向数据流，在这种开发方式下，会让你更新视图的逻辑非常清晰简单，哪怕你的前端交互很复杂，也不至于让你的代码那么容易变成一坨。就是在前端开发过程中，要善于观察和抽象。这是《玩转 React》系列的第二篇。在该篇中，我们来了解下，React 的出现到底给我们的开发方式带来了什么样的变化。我的感触可以用一个字来形容，爽！主要爽在以下两个方面。视图是数据的映射（单向数据流）...

RdouTyping 2019-08-21 16:44 评论0 收藏0