Facebook粉絲團 Google+ Twitter推特 Email訂閱 RSS訂閱

低調一點

[低調] 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

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



  • ZH

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

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

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

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

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

      • ZH

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

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

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

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

          沒辦法做到像是 FF 一樣

          • ZH

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

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

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

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

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

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

    • 正常,通常會覺得 Opera 好用的幾乎都是些怪咖

  • Mike

    站長你好!

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

    打不開了耶

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

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

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

      宅點就這一個
      不會再多…

      • Mike

        謝謝你!現在打開了

      • Mike

        打不開是甚麼原因,我就不知道了

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

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

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

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

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

无觅相关文章插件,快速提升流量