簡單幾行代碼，寫一個(gè)百度廣告屏蔽插件，爽到爆

JeOam 發(fā)布于2019-08-19 18:32 / 3282人閱讀

摘要：使用方法，新增腳本，粘貼代碼代碼如下已過濾條垃圾廣告，本次過濾條然后每次打開瀏覽器百度搜索，就不會(huì)再有提示了效果

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

將文件夾拖到這里面

一個(gè)小問題：
我沒有境外支付信用卡>無法向谷歌支付$5的費(fèi)用>每次打開瀏覽器都會(huì)提示是否禁止>點(diǎn)取消就行了

也可以通過網(wǎng)上的方法，修改注冊(cè)表關(guān)閉提示，這里就不再贅述
如果你有更新，需要打開第二張圖的位置，重新載入才能生效

目錄結(jié)構(gòu)

-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);
});

之所以用定時(shí)器一直調(diào)用，是因?yàn)橛行┚W(wǎng)站會(huì)動(dòng)態(tài)延遲的加載動(dòng)態(tài)腳本類的廣告，比如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中的規(guī)則就行
規(guī)則約定：需要屏蔽的網(wǎng)站地址$css3選擇器，中間的$是分隔符，選擇器選中的就是要被刪除的廣告

上面四個(gè)規(guī)則自己常用的，
第一個(gè)可以屏蔽大多數(shù)動(dòng)態(tài)流氓廣告，之所以用這么低級(jí)的方法(style=*)是因?yàn)檫@類廣告?zhèn)窝b實(shí)在太逼真（和正常搜索結(jié)果沒任何區(qū)別）
第二個(gè)屏蔽右側(cè)不喜歡的推薦
第三行忘記了，
第四行是一些推廣廣告

從此，世界一片潔凈，我不會(huì)成為第二個(gè)魏則西，在此分享給大家，

這里更新一下，每次打開瀏覽器，都會(huì)提示的問題。

我找到了一個(gè)管理瀏覽器插件代碼片段的工具Tampermonkey，是一個(gè)瀏覽器插件。
然后就可以把我的百度插件代碼添加到這個(gè)插件中使用，就不會(huì)每次都提示了。

使用方法：
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);

然后每次打開瀏覽器百度搜索，就不會(huì)再有提示了；
效果：