摘要:使用方法,新增腳本,粘貼代碼代碼如下已過濾條垃圾廣告,本次過濾條然后每次打開瀏覽器百度搜索,就不會再有提示了效果
下載地址:https://github.com/jsoncode/b...
使用方法:
將文件夾拖到這里面
一個小問題:
我沒有境外支付信用卡>無法向谷歌支付$5的費用>每次打開瀏覽器都會提示是否禁止>點取消就行了
目錄結構也可以通過網上的方法,修改注冊表關閉提示,這里就不再贅述
如果你有更新,需要打開第二張圖的位置,重新載入才能生效
manifest.json-bd.png
-browser_action.js
-config.js
-manifest.json
{ "name": "屏蔽百度廣告", "manifest_version": 2, "version": "1.0", "description": "百度插件", "browser_action": { "default_icon": "bd.png" }, "icons": { "128":"bd.png" }, "content_scripts": [{ "matches": ["browser_action.js"], "js": ["config.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.jsvar 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);
然后每次打開瀏覽器百度搜索,就不會再有提示了;
效果:
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/79671.html
摘要:簡單高效的自定義方式對于這些情況我們可以使用一個強大的瀏覽器插件,簡稱,中文俗稱為油猴,支持和瀏覽器。簡單幾行代碼,就可以去除大部分頁面廣告。聲明需要使用的函數。 會CSS就會去廣告~ 傳統去廣告方法的弊端 我們瀏覽網頁的時候經常不免會看到各種不想看到的廣告內容,最簡單的方案就是通過瀏覽器插件來解決,比如大名鼎鼎的AdBlock插件以及國內的各種廣告攔截助手。 但這些插件的攔截能力可...
摘要:簡單高效的自定義方式對于這些情況我們可以使用一個強大的瀏覽器插件,簡稱,中文俗稱為油猴,支持和瀏覽器。簡單幾行代碼,就可以去除大部分頁面廣告。聲明需要使用的函數。 會CSS就會去廣告~ 傳統去廣告方法的弊端 我們瀏覽網頁的時候經常不免會看到各種不想看到的廣告內容,最簡單的方案就是通過瀏覽器插件來解決,比如大名鼎鼎的AdBlock插件以及國內的各種廣告攔截助手。 但這些插件的攔截能力可...
摘要:由于一些廣告是動態加載,也無能為力,所以,自己寫了一個腳本來過濾這些動態廣告。使用前使用后已過濾條垃圾廣告,本次過濾條腳本 由于一些廣告是動態加載,adplus也無能為力,所以,自己寫了一個腳本來過濾這些動態廣告。 使用前: showImg(https://segmentfault.com/img/bVNOsw?w=1204&h=868); 使用后: showImg(https://s...
摘要:在谷歌找多頁面,實例還是比較少,功夫不負有心人,在那找到了,具體可以到這個,非常感謝童鞋,今天要講的內容是基于童鞋的多頁面實例上再優化的。有需要一起交流的可以加我的微信,,記得備注技術交流哈。 vue+webpack是否有多頁面 目前使用vue來做項目,估計大部分都是單頁面(SPA)應用,一個輕型的 MVVM 框架,誰用了MVVM框架,就再也回不去JQ時代了,哈哈。 在手機端的項目,使...
摘要:這也就是所謂的單向數據流,在這種開發方式下,會讓你更新視圖的邏輯非常清晰簡單,哪怕你的前端交互很復雜,也不至于讓你的代碼那么容易變成一坨。就是在前端開發過程中,要善于觀察和抽象。 這是《玩轉 React》系列的第二篇。在該篇中,我們來了解下,React 的出現到底給我們的開發方式帶來了什么樣的變化。 我的感觸可以用一個字來形容,爽!主要爽在以下兩個方面。 視圖是數據的映射(單向數據流)...
閱讀 2127·2023-05-11 16:55
閱讀 3508·2021-08-10 09:43
閱讀 2624·2019-08-30 15:44
閱讀 2445·2019-08-29 16:39
閱讀 588·2019-08-29 13:46
閱讀 2012·2019-08-29 13:29
閱讀 927·2019-08-29 13:05
閱讀 697·2019-08-26 13:51