Chrome 插件初学开发

以下是一位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的博客