在電腦版的 chrome 瀏覽器裡有一個chrome web store,關鍵字下 adblock 可以查到很多擋廣告的擴充套件ADBLOCK,讓人不知道該安裝那一個好。
選 AdBlock-best ad blocker, 選擇的原因:
- 安裝的用戶數量最多。
- 細部設定比較多。
但實際使用 AdBlock-best ad blocker 一陣子後,最後移掉了,原因是Max 有在寫網誌,已經遇到好幾次了,但都無解,偶爾 AdBlock-best ad blocker 就是會跟Max寫網誌的 WordPress 的後台登入介面裡的 Google reCAPTCHA 登入用的驗證碼功能打架,會造成無法登入後台,很麻煩,先要移掉或停用 AdBlock-best ad blocker 後,後台的登入功能就又變正常可以登入,為了要擋其他網頁的廣告,又再再把AdBlock-best ad blocker 安裝或啟用回來。
除了Google 還有研究了很久 AdBlock-best ad blocker 的官方文件都找不到解法,覺得很麻煩,就移掉這一個最多人使用的Adblock 擴充套件,改用下面圖片的第3名 Adblock Plus。
使用了Adblock Plus 一個月,心得是用感覺差不多,大多數的網頁裡都沒廣告,更整的優點是Adblock Plus沒有跟寫網誌的後台的登入功能打架過,第3名 Adblock 的相容性滿好,值得推薦。
Max常去逛的特殊的(非法或色情)網站裡的有些圖片想擋掉,像是會閃瞎眼睛的.gif 格式的動態圖的廣告。現在就可以透過Adblock Plus 直接把這類的.gif圖片擋掉,瀏覽網頁起來就覺得很清爽、安靜與舒服。
Adblock Plus 設定方法:
https://help.adblockplus.org/hc/en-us/articles/360062733293-How-to-write-filters
先點元件的 Options 功能之後,再選 “Advanced”(進階功能)
在最下面的 MY FILTER LIST 區塊,新增 filter rule, 使用規則:
網域##img[src*=".gif"]
如果確定該網域下的所有img 有 src 屬性時不顯示:
網域##img[src]
附註:上面這一行有一個常會遇到的問題, 就是跨網站的圖片存取時, 假設 a.com 的網頁內容顯示了 b.com 伺服器上的圖片, 如你上面的規則是想在 a.com 裡阻擋顯示 b.com 的圖片時, 如果這時候規則是用 b.com##img[src] 是完全不會套用到規則, 因為你正在瀏覽 a.com.
如果確定該網域下的所有table, 有 style 與 border 屬性時不顯示:
網域##table[style][border]
如果確定該網域下的所有檔案完全不顯示, 可以使用
||部份網址^
MY FILTER LIST 使用方法:
先輸入要擋廣告的網站的網域(網址最前面那串),加輸入 ##img[src*=”.gif”] 這樣這個網站就被禁止使用 .gif 格式的圖片,應該會誤擋掉一些正常的圖片,不過大多數花俏的廣告也都擋掉了,超開心,所以希望大家的網頁都可以跟我一樣,清爽又寧靜。
最佳範例:
EasyList – Ad blocking
https://easylist-downloads.adblockplus.org/easylist.txt
相關網頁
拓元售票+Adblock Plus的「少即是多」
https://max-everyday.com/2022/11/tixcraft-adblock-plus-less-is-more/