chrome 插件初学开发

 

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

 

插件1：automan小工具

 

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

 

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

 

截图： 

 

 

下载地址：http://data.vdisk.me/225892/3b66424d0b844b422b5436e8ec2d7b435df81283?ssig=tVjlLeZxmQ&Expires=1307359925&KID=sae,l30zoo1wmz&qc=5&fn=timer.crx（不推荐下载，因为对适用范围有限）

 

 

 

插件2：

 

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

 

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

 

截图： 

 

 

下载地址：http://data.vdisk.me/225892/2187b6e10f0dcac8652bb1917a563a8bc2f9bcd6?ssig=xmWOanT8qr&Expires=1307360443&KID=sae,l30zoo1wmz&qc=5&fn=vdisk.crx

（推荐下载适用，呵呵，算是帮v盘做一个宣传）

 

 

另外附上我的插件源码：

 

下载地址： http://data.vdisk.me/225892/9432cf814eacbc1b044d1663985ebafadbd1797c?ssig=7G682k%2F0Tx&Expires=1307360599&KID=sae,l30zoo1wmz&qc=5&fn=chrome.zip

 

推荐两个网站：

 

入门资料中文：http://dev.chromechina.com/     入门学习，中文的好看一些

深入学习官方：http://code.google.com/chrome/extensions/index.html   官方api，入门后看官方api会更容易理解