[低調] Chrmoe 的 ADBlock Plus 超簡單自寫規則 - 噁心廣告欄位掰掰

Google Chrome 的擴充功能 - ADBlock Plus

我想大家應該都有裝才對~

也讓我的低調一點少了許多廣告流量(炸)

不過他內建的「輕鬆地建立過濾規則」有點智缺 :neutral:

應該說 - 慧化的元素選取功能

現在低調宅就教大家怎麼增強 Google Chrmoe ADBlock Plus 的功能!

讓你輕鬆上手~自寫廣告規則!

其實說穿了就是多安裝一個 JS 檔案 - Css Editor

原始js在 https://userscripts.org/scripts/show/87244

只不過我繁體化了裡面的字串

用起來比較親切~有需要的人請到低調宅點下載 :mrgreen:

Css Editor 低調宅點:http://dl.ilowkey.net/2013/05/css-editor.html

安裝方式:
開啟「管理擴充功能」頁面
chrome://extensions/

拖曳 Cssbox.user.js 至頁面中即可安裝 :?:

cssbox01.png



使用方式:
在網頁視窗的右上角有個小方形的圖示

cssbox02.png



滑鼠游標指向該圖示即可出現按鈕~ :smile:

搭配 ADB 的用法如下:
以 友站 SkyBoxs.net 為例
(好久沒表一下屎蓋~偶爾來表一下)

其實 CSS Editor 就像是火狐的 Element Hiding Helper for Adblock Plus
用來選取網頁中的相關元素變成規則
而 CSS Editor 本身可透過 cookie 的方式來阻擋廣告顯示
(此方式廣告仍會載入,但你看不見,眼不見為淨)
他所用的 CSS 規則可以餵給 Google ADBlock Plus 吃
然後就可以一樣...眼不見為淨了! :evil:

看見他的右側廣告欄位,游標指向右上角方形圖示

cssbox03.png



會有三個按鈕加一個選框,分別是
-編輯:開啟編輯框,修改CSS內容
-尋找:尋找並編輯網頁中的元素,你可以按下後指向想移除的元素(會顯示藍框)按下D刪除該元素,按下X建立CSS規則代碼,按下Z還原刪除
-還原:亦即還原頁面中的CSS規則為原始狀態
-啟用:啟用 CSS Editor 的隱藏方式

此時我們會用到的就是「尋找」這個功能

1.
按下「尋找」指向廣告欄位
會顯示為藍底框的狀態(選取直到整個欄位刪除後看不見東西為止)
可按下 D 的按鍵檢視隱藏後的樣子 :?:

cssbox04.png



2.
D 的按鍵按完之後
也就是你頁面中廣告殺盡之後再按下 X 鍵
此時就會出現編輯框

cssbox05.png



3.
複製全部代碼,刪除最後一句規則
{display:none!important}
這一句我們不需要... :idea:
只需保留
ASIDE[id="text-5"]
ASIDE[id="text-6"]


4.
開啟 ADBlock Plus 的選項並切換至「新增自己的過濾規則」

cssbox06.png



按下「以純文字編輯」

cssbox07.png



將 3. 所取得的 CSS 代碼修改為

skyboxs.net##ASIDE[id="text-5"]
skyboxs.net##ASIDE[id="text-6"]

沒錯!~要加上網域名稱與兩個井字符號 「##」

套用規則後重新整理頁面試試

廣告沒了~ :evil:

修改前:
cssbox08.png


修改後:
cssbox09.png





不會寫規則也沒關係~用這個 JS 來搭配使用真的很方便 :D

建議大家使用看看

但是還是希望大家可以手下留情的保留一些 blog 的廣告

因為經營 blog 真的蠻不容易的 :as43

尤其是為了空間、域名、網站穩定性頭痛的時候...

留言

  1. 其實有附加元件
    這位作者的作品能放心使用 論壇上我有跟他交流過
    https://chrome.google.com/webstore/detail/adblock%2B-element-hiding-h/ahieappfkblneagblagpodhjmnhcbfdn

    回覆刪除
  2. 我知道有這個擴充功能
    印象中效果不是很好
    且 CSS Editor 這個 js 檔案小
    也不會比擴充功能耗費資源
    這也是我喜歡的地方

    再者其實可以直接使用 CSS Editor 隱藏元素也很方便
    更加擴充 ADBlock 的不足


    該元件能不能放心使用就隨意吧
    科科
    喜歡的人就用吧~~

    論壇上有交流過這論壇應該是指卡飯吧

    回覆刪除
  3. 其實只用AdBlock也行(不是AdBlock+).....右鍵就有選項能讓你阻擋廣告了....

    回覆刪除
  4. 你太嫩了
    有些廣告是很頑強的
    你用 Google Chrome 的 ADB Plus 是抓不到的
    要我舉例嘛?
    科科
    改用 CSS Editor 才有辦法

    再頑強一點的廣告就只能自己手寫
    用啥插件都沒意義了

    這是 Chrome 先天的缺陷
    沒辦法避免

    沒辦法做到像是 FF 一樣

    回覆刪除
  5. 用了 Opera 之後都會覺得其他瀏覽器的擋廣告有點弱...(CBH 和 Scriptweeder 都是殺手級的,當然 CBH 是經典)

    搭配 Opera 先天「優良基因」(urlfilter),真正做到載入前就把你擋在門外,而不是隱藏而已。

    不過換核心之後一切就難說了...

    回覆刪除
  6. 好吧 我常上的網站基本上都有規則了....
    規則擋不到的大多都是網站自己的廣告...我才會手動處理..

    回覆刪除
  7. 我倒是遇到很多這種怪廣告
    網站規則有清單
    基本上就沒廣告了
    當然是需要手動
    只是並非人人都會寫
    所以才需要用工具輔助快速寫出規則
    也因此我才會寫這文章

    回覆刪除
  8. 真的...
    Chrome 先天智缺的限制...
    沒辦法像 FireFox 那樣可以用 NoScript 這種好用的東西
    就沒法做到真正預先阻擋
    Opera 雖然可以..但我始終用不習慣

    回覆刪除
  9. 正常,通常會覺得 Opera 好用的幾乎都是些怪咖

    回覆刪除
  10. 自定性太高
    我反而會不知道怎麼辦XD

    回覆刪除
  11. 我才不會承認我也是用Opera的怪咖XD

    回覆刪除
  12. 站長你好!

    你這網址http://dl.ilowkey.net/2013/05/css-editor.html

    打不開了耶

    請問還有其他地方下載點嗎?

    或是方便傳給我嗎? 我想試試~ 麻煩你了,謝謝!!

    回覆刪除
  13. 這是Google 自家的網誌耶
    Blogspot ...
    你打不開的話可能是 dns 的問題
    你更換 Google dns 再試試吧
    因為我正常開啟
    而且...你打不開 Google 的 blogger 還蠻...不容易的...


    宅點就這一個
    不會再多...

    回覆刪除
  14. 謝謝你!現在打開了

    回覆刪除
  15. 打不開是甚麼原因,我就不知道了

    比較有可能是你這網址DNS不穩的樣子

    因為我換了三種瀏覽器都是打不開的,這現在都不是重點了

    已經可以下載了 感謝你!!

    回覆刪除
  16. 不穩的不一定是我的網址 dns
    比較有可能是你的線路問題
    畢竟我可以瀏覽、別人可以瀏覽
    況且是 Google Blogger 的網誌所建的頁面
    你看不見
    當然是你自己的問題

    而且我使用 Google DNS 就可以正常瀏覽
    是何緣故?
    不外乎是你線路問題

    回覆刪除

張貼留言

這個網誌中的熱門文章