当前位置: 代码迷 >> Web前端 >> 【往广告插件】for weibo V4 V5,renren
  详细解决方案

【往广告插件】for weibo V4 V5,renren

热度:380   发布时间:2012-12-26 14:39:29.0
【去广告插件】for weibo V4 V5,renren

文章来自LearnShare,转载请注明。


最近接触了diff_兄的 微博急简,觉得是个挺有用的插件,不过对微博界面精简和修改得过于严重,所以决定研究一下原理,自己来写一个插件。


微博急简这个插件的原理diff_兄已经透露在这条微博里了,就是使用user stylesheet重新定义了微博的界面,有了技术核心,剩下的就是应用了。


user stylesheet还算是一个专业术语,指的是用户自定义样式,是区别于浏览器默认样式和网站样式的第三种影响网页表现的方式,会被浏览器优先使用来表现网页。说简单点,就是有了user stylesheet,网页就会按你的意思显示了。

user stylesheet的应用方式一般有两种:1.使用插件;2.修改浏览器对应的配置文件。对于不了解这方面知识的同学们来说,最好使用插件的方式,以免产生意外。


下面根据不同的浏览器简要说明一下user stylesheet的使用方法,所有结果均基于weibo.com.v5.txt对新浪微博V5版的测试。

先来看最终效果:



一、下载编写好的文件


请各位移步这里下载相关文件(已提供微博V4 V5和人人的去广告样式表)


二、各浏览器中的使用方法


Chrome


【配置文件方式】

1.打开路径【C:\Users\[你的用户名]\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets】,[你的用户名]就是你电脑的当前用户名,找不到文件夹可能需要临时【取消文件隐藏】(请自行搜索解决);

2.使用【文本编辑器】(记事本即可,NOT word)打开 Custom.css,将下载的文件内容复制粘贴进去,保存即可;

测试环境:IE 9,Win 7 x86

测试结果:[bug]时间线底部的会员广告依然存在。

【测试】

测试环境:Chrome 23,Win 7 x86

测试结果:[bug]时间线底部的会员广告依然存在。


【插件方式】

支持的插件有多种,推荐 Stylish(Firefox中同样可用),Stylebot会有某些怪异情况,Stylist我无法安装(话说 微博急简 我也无法安装 ::>_<:: )。


1.打开Stylish的【管理已安装的样式】页面;


2.选择【写入新样式】;


3.填写【名称】,勾选【启用】;

4.在【代码】框里粘贴下载的文件内容;

5.选择应用对象中【该域上的网址】,填入【weibo.com】或你的微博地址;

6.保存即可。

【测试】

测试环境:Chrome 23,Win 7 x86

测试结果:暂未发现问题。


Firefox


【配置文件方式】


1.新建标签,打开【about:support】(故障排除信息)页面;

2.点击【应用程序概要】的【显示文件夹】按钮,打开【配置文件夹】(一般是【C:\Users\[你的用户名]\AppData\Roaming\Mozilla\Firefox\Profiles\***.default】);


3.在上面的目录中新建【chrome】文件夹;

4.打开【chrome】文件夹,新建【userContent.css】;

5.使用【文本编辑器】(记事本即可,NOT word)打开 userContent.css,将下载的文件内容复制粘贴进去,保存并【重新启动Firefox】即可。

【测试】

测试环境:Firefox 17.0.1,Win 7 x86

测试结果:[bug]时间线底部的会员广告依然存在。


【插件方式】

首先,下载安装 Stylish 插件,然后【重新启动Firefox】;


1.打开 Stylish 的【管理样式】页面;


2.选择【编写新样式】,打开【新样式】窗口;


3.填写【名称】;

4.将下面的文本粘贴到样式区域,然后将下载的文件的内容粘贴到两个{ }之间,保存即可。

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("weibo.com") {

}

【测试】

测试环境:Firefox 17.0.1,Win 7 x86

测试结果:[bug]时间线底部的会员广告依然存在。


IE


【配置文件方式】

1.首先,将下载到的文件扩展名改为.css,并存放到一个不容易被修改或删除的目录中,如C:\user\[username]\;


2.打开IE的【Internet 选项】,点击【常规】选项卡右下角的【辅助功能】;

3.勾选辅助功能窗口中【使用样式表编排文档格式】;

4.通过【浏览】选择第一步保存的*.css文件,点击确定即可。

【测试】

测试环境:IE 9,Win 7 x86

测试结果:[bug]时间线底部的会员广告依然存在。


三、更新升级


插件本身还存在一些问题,还请大家积极在这里留言反馈,我也会尽快进行更新和升级的。


最后,感谢大家的支持。


文章来自LearnShare,转载请注明。