利用stylist插件，簡單兩步屏蔽新浪微博上的廣告

以前新浪微博只是在側欄有幾塊小小的廣告，還算可以接受，想着忍忍就算了，可最近真是越來越不厚道了，自從和淘寶合作之後，側欄就開始有一大塊廣告根據你在淘寶的搜索記錄推薦商品，更可惡的是信息流裏的祛痘微博現在連認證用戶都不能倖免。於是我開始研究屏蔽微博廣告的方法，試用了幾款移除廣告的瀏覽器插件，效果均不太理想。看來不能偷懶，只能自己動手了。思路是想辦法把自己的 CSS 樣式加到微博頁面裏去，這樣就能隨心所欲的通過修改頁面來屏蔽廣告了。Google 了一圈之後，終於找到了一些方法，還能順便美化一下界面，效果見圖。

 

屏蔽微博廣告教程

Chrome / Firefox

第一步

下載 Stylist 插件並安裝激活。下載地址：http://www.cnplugins.com/devtool/stylist/

第二步

以 Chrome 爲例，依次點擊 “選項” – “設置” – “擴展程序” 和 Stylist 旁的 “選項”。

 

 

 

1. 點擊選項卡中的 “Style” 頁籤；
2. 點擊 “Add New Style”；
3. 在頂部的黑色輸入框裏輸入 “Weibo”；
4. 把 Style set 下方的下拉框選擇爲 “domain”，在旁邊的輸入框裏輸入 “weibo.com”；
5. 將以下代碼複製到最大的文本框裏，然後點擊 “Save” 保存。

 

.W_rightModule, __regexoperators___/* 隱藏右側欄廣告 */
.hot_topicad, __regexoperators___/* 隱藏熱點話題中的廣告 */
#pl_leftnav_app, __regexoperators___/* 隱藏左側欄的最近應用 */
#trustPagelet_recom_memberv5, __regexoperators___/* 隱藏右側欄的會員專區 */
#pl_rightmod_noticeboard, __regexoperators___/* 隱藏右側欄的公告欄 */
__regexoperators___/* 隱藏側欄微吧內容 */
#trustPagelet_indexright_recom .WB_right_module:last-child,
#topicAD > ul, __regexoperators___/* 隱藏最新的熱點話題廣告 - 20130815 更新 */
[node-type=hot], __regexoperators___/* 隱藏導航欄裏的“熱點” */
[node-type=feed_spread], __regexoperators___/* 隱藏信息流裏的推廣內容 */
[node-type=member], __regexoperators___/* 隱藏導航欄裏的“會員”*/
[feedtype=ad], __regexoperators___/* 隱藏信息流裏的廣告 */
[ad-data] { __regexoperators___/* 隱藏寬幅廣告 */
    display: none;
}
[node-type=game] { __regexoperators___/* 隱藏導航欄裏的“遊戲” */
    visibility: hidden;
}
.WB_webim { __regexoperators___/* 淡化側面的在線聊天欄 */
    opacity: .3;
}
.WB_webim:hover { __regexoperators___/* 鼠標移到聊天欄上時變回正常 */
    opacity: .9;
}
__regexoperators___/* 下面這些是調松頁面佈局的 */
.WB_right_module {
    margin: 40px 0 20px;
}
.WB_feed .WB_feed_type {
    margin: 20px 20px 0;
}
#pl_content_homeFeed {
    margin-top: 30px;
}

 

如圖所示

 

 

 

Safari

第一步

下載 weibo.css

第二步

1. 然後按下 Command / Ctrl + 逗號；
2. 在彈出的設置面板中選擇最右邊的 “高級” 頁籤；
3. 在 “樣式表”（Style sheet）下拉框中選擇 “其他”；
4. 選擇剛纔下載的 weibo.css 文件。

 

 

 

現在再打開微博看一看，是不是清爽多了？除了屏蔽微博上的所有廣告之外，還移除了頂部導航欄上的 “遊戲”、“熱點” 和 “微博會員” 按鈕以及右側欄的 “公告欄” 和 “微吧推薦”，還適當調鬆了頁面的佈局和淡化了側面的在線聊天欄。至於那個 “可能感興趣的人” 嘛，鑑於它經常能給我推薦一些美女，我就沒有移除。所有代碼都加了註釋，可以根據自己的喜好自行調整，想保留哪個元素就刪掉哪一行代碼即可。有 CSS 基礎的同學可以自己發揮一下，DIY 自己的微博界面或者其他的網站，比如騰訊微博、QQ 空間、Facebook 等等。

另，理論上 Safari 的方法也適用於 IE 內核瀏覽器（“工具” – “Internet 選項” – “輔助功能” – “用戶樣式表”），但由於我的 PC 上的 IE 版本太舊，不支持 CSS 的高級選擇器，所以沒有效果，如果誰在高版本 IE 中試驗成功，就在下面評論一下唄。