浏览器插件开发-纯属兴趣
来源:互联网 发布:淘宝刷两单会坐牢吗 编辑:程序博客网 时间:2024/06/05 10:51
基于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
阅读全文
1 0
- 浏览器插件开发-纯属兴趣
- JEEWX推出插件开发机制,现招募兴趣爱好者
- 初识----浏览器插件开发
- Android浏览器插件开发
- Android浏览器插件开发
- Android浏览器插件开发
- Android浏览器插件开发
- Android浏览器插件开发
- Android浏览器插件开发
- Android浏览器插件开发
- Android浏览器插件开发
- Android 浏览器插件开发
- Android浏览器插件开发
- Android浏览器插件开发
- android 浏览器插件开发
- chrome浏览器插件开发
- UC浏览器插件开发
- firebreath开发浏览器插件
- 添加到父类视图后,subview的高度莫名发生变化
- JEESZ RestFul服务介绍
- sass常用函数总结
- Bitmap与Uri互转、Activity传递Bitmap、分享Bitmap
- ECB模式详解
- 浏览器插件开发-纯属兴趣
- [LeetCode] 564. Find the Closest Palindrome 深入浅出讲解和代码示例
- leetcode题解-86. Partition List
- Java对象、对象引用关系及参数传递讨论
- Free, simple code to find out what SQL statements are running slow in SQL Server right now
- python学习中的reduce()函数和lambda表达式
- Android Hal层简要分析
- HTML标签
- Spring-@Autowired注解、@Resource注解和@Service注解