浏览器插件开发-纯属兴趣

基于chrome内核的浏览器插件扩展能够在浏览器上操作静态网页，并且也可以自己添加新功能。

总结起来一共有2个特点

①插件与网页共享dom文档结构，即可以像写前端代码那样随意操作各个标签和样式，但不共享js脚本。

②可跨域，插件可以使用ajax发送跨域的请求，再也不用担心跨域的问题了。

本文做了个优酷和爱奇艺的伪VIP会员的小插件，主要用到了第三方提供的视频云解析接口，具体过程如下：

第一步：先获取视频连接，在页面加载完成后，获取任何的a标签的href连接，并给它建立一个自己的属性m-href，将原来的href赋值为JavaScript;;，这样做的目的是为了防止点击的时候页面跳转。

第二步：写每个标签的点击事件，取得刚才的m-href链接，和云解析接口拼接成一个字符串，用iframe当容器。

第三步：写iframe的样式，设置好样式后就可以在浏览器上显示了。

第四步：配置插件，包括引用的js、css，以及匹配的网址。

第五步：在浏览器扩展中心，打开开发者模式，加载刚才的文件夹就行了。

代码示例在网盘里：http://pan.baidu.com/s/1jIih4gu，密码：x1xm