修改Firefox、Chrome、IE默认样式表,屏蔽新浪微博、人人网、豆瓣FM等网站广告。

不同的浏览器都有各自的默认样式。所以给网页做浏览器兼容的第一个步骤就是消除各浏览器在样式上的差异。

通过设置浏览器的用户样式表或者指定一个外置样式表,可以个性化自己的浏览器中显示的页面效果等等。

这些用途中最爽一个就是过滤掉页面中的广告。

过滤掉豆瓣FM页面下方的广告以后,小清新更加小清新了,哈哈!、

基本思路就是设置浏览器的User Stylesheet,在其中添加样式,把广告板块隐藏。不能隐藏的,就再添加宽高为0,或者左侧缩进出窗口,哈哈!真是太贱了!

下面是几个去广告的代码实例:

分浏览器说一下。

Firefox:
用户自定义样式所在位置:菜单->帮助->故障排除信息->应用程序概要->打开所在文件夹,然后进入chrome文件夹。

Win7、Win8路径如下:C:\Users\你的用户名\AppData\Roaming\Mozilla\Firefox\Profiles\XXXXXXXXX.default\chrome

相关文件:
user.js – 用来改变各种选项
userChrome.css – 用 来改变浏览器的外观
userContent.css – 用来改变网页的外观

这里我们只修改userContent.css。如果没有这个文件,创建即可。

Chrome:

对于WIN7用户来说,用户自定义样式表在形如:C:\Users\你的用户名\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets 的文件夹下面(如果看不到AppData文件夹也没关系,直接在地址栏里输入即可),Custom.css,如果没有这个文件,创建即可。修改后可以即时生效,不需要重新启动浏览器。

Opera:

菜单->设置->首选项->高级->内容->样式选项->我的样式表

最好重启一下浏览器。

如果你同时使用Firefox或Chrome浏览器,这里可以选择已设置好的userContent.css或Custom.css,这样就一举两得了。

IE(即IE内核的各种浏览器,如360、QQ等):

菜单->Internet选项->常规->辅助功能
下图是IE9的例子,设置后立即生效,不过和chrome的保存css文件即时生效不一样。

Safari(win):

菜单-> 编辑 ->偏好设置->高级
保存后生效。

同样的,这里也可以选择之前Firefox、Chrome或IE设置好的css文件。

OK,方法就是这样啦!各位要用样式表做出什么翻天覆地的大事就看你们的啦!

3 Comments
  1. 问题是这属于加载后隐藏,依旧会拖网速啊

    1. 网速不是问题啦,呵呵~有些板块display:none之后,一些JS的东西就不会再加载进去了,页面还是会快很多的。

  2. 我前几天故意关闭了屏蔽广告的插件,有时候觉得多看看广告也能学到点东西。。。[face06]

Leave a Reply