PALMisLIFE 討論區

標題: FireFox利用Stylish!套件去除網頁中不想看的東西 [列印本頁]

作者: czh 時間: 2009-5-16 14:58
標題: FireFox利用Stylish!套件去除網頁中不想看的東西
本文最後由 czh 於 2009-5-18 20:25 編輯

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

這根本找不到下載點吧
[attach]27681[/attach]

原來要拉到最底下
[attach]27682[/attach]

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

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

複製代碼

儲存後立刻就可以看到廣告都不見了，還給我們一個清爽個版面
[attach]27679[/attach]
[attach]27680[/attach]
Stylish!的功能當然不只是去廣告而已
這篇只是其中一種應用
如果對於經常逛的討論區版型不滿意
甚至可以用Stylish!自己動手大改造
網路上有很多其他教學Google一下不難找到，這邊就不再贅述了

作者: ychao 時間: 2009-5-17 02:58
本文最後由 ychao 於 2009-5-17 09:16 編輯

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

作者: visorjoe 時間: 2009-5-17 06:44
真是實用的工具啊,感謝czh的分享~~!!

作者: czh 時間: 2009-5-18 19:13
本文最後由 czh 於 2009-5-18 20:26 編輯

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

歡迎光臨 PALMisLIFE 討論區 (http://f.pil.tw/)