FireFox利用Stylish!套件去除網頁中不想看的東西

czh

很久前我曾寫過一篇利用Firefox + Remove It Permanently遮掉不想看的網頁文字
利用RIP的確可以遮掉不少礙眼的文字廣告
但是RIP改版實在不夠勤快，經常FX換了新版就不給用舊版RIP
而且RIP的速度比較慢，要等到整頁下載完才會去處理想蓋掉的地方
雖然也是可以透過改相容性的方法讓RIP繼續活著，可是這究竟不是長久之計
所以我再度尋找幹掉廣告的其他方案
找了好久沒想到我早就裝好的Stylish!就可以輕鬆達成這個任務
Stylish!是一套可以透過修改CSS來變更網頁樣式甚至FX樣式的套件
其實去廣告的原理很簡單，就是找出網頁中的廣告元件，強制設為不顯示
以底下這個到處都是廣告的網站為範例


這根本找不到下載點吧


原來要拉到最底下


我們只需要把Stylish!裝好後就可以在附加元件中看到「使用者樣式」這個TAB
使用「撰寫樣式（Ｗ）」來新增一個樣式
內容如下

1. 
   
2. @namespace url(http://www.w3.org/1999/xhtml); /* 指定給網頁使用 */
   
3. @-moz-document domain(badongo.com) { /* 指定只對這個網域有作用 */
   
4. .adLeaderboard, /* 條件為class=adLeaderboard */
   
5. .adLeaderboard2, /* 條件為class=adLeaderboard2 */
   
6. [id="compareTitleExtra"], /* 條件為id="compareTitleExtra" */
   
7. [id="compareHeader"], /* 條件為id="compareHeader" */
   
8. [id="compare"], /* 條件為id="compare" */
   
9. [id="wait_banner"], /* 條件為id="wait_banner" */
   
10. [id="small_wait_banner"] /* 條件為id="small_wait_banner"，最後一個條件不用逗號 */
    
11. {display: none!important;} /* 設定為不顯示，!important表示設定為最優先 */
    
12. }

複製代碼

儲存後立刻就可以看到廣告都不見了，還給我們一個清爽個版面


Stylish!的功能當然不只是去廣告而已
這篇只是其中一種應用
如果對於經常逛的討論區版型不滿意
甚至可以用Stylish!自己動手大改造
網路上有很多其他教學Google一下不難找到，這邊就不再贅述了

ychao

話說濾廣告的NoScript耍賤招，正想把它換掉。照這樣子看起來，也是可以輕鬆把廣告濾掉，改天來玩玩看。
感謝czh兄分享。

visorjoe

真是實用的工具啊,感謝czh的分享~~!!

czh

javascript載入的廣告應該早就優先被Adblock Plus幹掉了
這篇是解決Adblock Plus幹不掉的殘黨
剛剛試了一下，加入這兩個條件就可以解決那個廣告
.adLeaderboard,
.adLeaderboard2,
已經補在第一篇，並附上註解