Chrome 插件初学开发

Chrome 插件初学开发以下是一位 Chrome 用户撰写的开发心得 这两天学习了 chrome 的插件开发 发现写插件是个很有意思的事情 可以很轻松的满足很多日常的小需求 提高工作效率 下面简单分享下这两天写的两个插件以及背后的需求点 插件 1 automan 小工具 需求

大家好,我是讯享网,很高兴认识大家。

以下是一位Chrome用户撰写的开发心得。

这两天学习了chrome的插件开发,发现写插件是个很有意思的事情,可以很轻松的满足很多日常的小需求。提高工作效率。 下面简单分享下这两天写的两个插件以及背后的需求点。

插件1:automan小工具

需求:公司测试团队automan经常需要用jquery的选择器来定位页面的元素,但测试人员通常不是每个人都懂前段,也经常要通过一些繁琐的步骤,来确定自己写的选择器是否能正确的选择他想要选择的元素。

功能实现:在插件上填写测试人员编写的选择器,在页面上会自动高亮提示选择器所选择到的元素,编写实现非常简单,就是把插件中填写的selector在页面中用$('selector') 查询一下并且高亮。

 
讯享网

工具截图 

插件2:vdisk

需求:http://vdisk.weibo.com/就是微盘,新浪下面的一个基于社交网络的文件分享系统,但使用过程中,发现页面中没有直接的下载地址,有的时候想把文件的下载链接直接弄出来,因为有可能需要外链,更方便一点,所以想到写一个插件,提取页面中的链接地址。

功能实现:能够提取页面中的所有微盘文件的链接地址,所有人都可以直接通过链接地址下载,不需要登陆等等,不需要分享等等.....仅供学习(呵呵,这个微盘管理员知道了,肯定会不同意的) 

   

工具截图

 另外,附上我的插件源码:chrome.zip

 最后,推荐两个学习网站:

1. 入门资料:http://dev.chromechina.com/   (入门学习,中文的容易理解一些)

2. 深入学习:http://code.google.com/chrome/extensions/index.html  (官方API,入门后看官方API会更容易理解)

本文来自:lorrylockie的博客

小讯
上一篇 2025-01-15 09:56
下一篇 2025-02-08 23:14

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/42985.html