Firefox 自定义用户样式表

14 条评论

一般情况下,我使用浏览器的自定义用户样式表功能大多只是为了屏蔽广告,而修正页面的显示只占少部分情况,也就是改个字体,或者换个颜色什么的,而在用户自定义样式表功能上各主流浏览器原生做得最好的,就是Opera了,可以直接在网站页面上点击右键选择站点首选项功能,然后指定此网站加载的用户样式表文件。这个选项真的很方便,我给自己常访问的网站屏蔽广告也全是靠它了。这两天看 Firefox 4 新的测试版本发布,因此尝试一下。界面借鉴 Opera 是无疑了,但也确实不错,关键原因又在于 Opera 的书签管理并不方便 --- 我想换浏览器诶...

第一个想实现的就是广告屏蔽了,我知道 FF 有大量的扩展可用,屏蔽广告更是小菜一碟,不过我还是更加喜欢用户样式表这样直接的方式,自定义性更强,在资源占用上也有更大的优势吧。不过可惜的是 FF 并没有和 Opera 一样单独为每个网站提供一个定义用户样式表的功能,妥协之法就是定义全局的用户样式表了,不过这样很可能在修改一个网站的页面时影响到另外一个网站的正常显示,仔细搜索下,却是找到了一个 FF 所支持的私有属性 @-moz-document domain ,可以让CSS内容只针对所指定的域名有效,当然还有 url、url-prefix 参数可以指定具体的地址或者地址前缀。示例屏蔽cnbeta.com广告如下:

Firefox-custom-user-style-sheet-1

新建 %APPDATA%\Mozilla\Firefox\Profiles\youprofile\chrome\userContent.css 文件,然后写入

  1. @-moz-document domain(cnbeta.com){
  2. center,
  3. #userInfo,
  4. iframe,
  5. img[src="http://static.u17.com/upload/FCK/image/2010/05/0511cnbeta2f_20100511092637.jpg"],
  6. img[src="http://img.cnbeta.com/youdao576.gif"],
  7. img[src="http://img.cnbeta.com/ks576.jpg"],
  8. img[src="http://static.u17.com/upload/FCK/image/2010/05/0513cnbeta2ssdym_20100513092107.jpg"],
  9. img[src="http://static.u17.com/upload/FCK/image/2010/05/cnbeta2_20100525090336.jpg"],
  10. #comad {
  11. display:none ! important;
  12. }
  13. }

若是还想屏蔽人人网的广告,可以在下面继续加入

  1. @-moz-document domain(renren.com){
  2. .blank-holder,
  3. #nostar,
  4. #banner {
  5. display:none ! important;
  6. }
  7. }

那个...如此这般..恩,就可以在一个文件里针对不同的网站写CSS了。将 Opera 的的书签导入 Firefox 后,我果断将其卸载了!

相关日志 Relate Posts

“Firefox 自定义用户样式表”14条留言

  1. 杀!

    • @林木木 拜服,木木威武…

    • 你们都爱看CNBETA嘛- -||

      奇怪,发了几次都失败了,404,怎么回事喔……

    • @littlewater 偶尔看看~~啊,我把默认发布评论的一个文件名字改掉了,所以如果网络不是太好,或者页面没加载完全的时候发布评论可能会发生调用错误..于是就404了吧。。

    • @起衣 

      难怪,因为刷新发评论很慢,但是直接reply就很快载完了,水水要下载东西的,网速肯定不快-x-

  2. :smile: firefox4就是漂亮

    • @软件盒子 其实和Opera界面相差不大,都漂亮 :grin:

  3. 我的站好慢, :cry: ,跟你差远了 :!:

    • @nic 要优化~~

  4. http://zww.me ,他做主题还卖,擦,我觉得一般吧,乃这个也可以卖

    • @nic 我的不能卖…

    • @起衣 乃QQ不在阿,还有问题问你呢,我的新站就等你的主题拉 :evil:

  5. 冷启动快不?
    Opera冷启动我觉得有点僵硬

    • @sherrychiaki Opera算好的了吧,Firefox还要差一点…

发表留言(Ctrl+Enter提交)