chrome 插件开发教程

chrome插件的固定文件夹格式，此项没什么道理可以讲，按照规范来就行，否则，可能识别不了你的插件。在电脑的任何位置创建一个文件夹，这个文件夹名字可以自定义，比如叫做ChromeExt，在此文件夹下创建文件结构如下：

     ChromeExt

         -- img                   （存放图片的文件夹）

         -- js                       （存放js的文件夹）

         -- manifest.json     （插件配置项的json文件）

在存放图片的文件夹img中添加一张分辨率为256*256大小的图片，此项需要确保图片大小，其他无要求

在js文件夹下面添加jquery源文件，再新建一个js文件，用于编写自定义的js代码

配置manifest.json文件中的内容，此处仅介绍特殊项，其余没有介绍的，自定义值即可：

     1）icons：可以配置各种分辨率都指向上面img文件夹下的同一张图片

     2）content_scripts:

          a）matches：配置要匹配，或者叫做监控，操作的页面地址，后面带星号，意思是这个网址后面的所有地址都匹配

          b）js：指定需要注入到页面的js文件，通常来说就是jquery和自定义的js

          c）all_frames：如果设置为true，表示所有地址，包括iframe含有这个地址的，都匹配。否则，iframe中的内容就不匹配了

在自定义的js文件中添加代码，每隔10秒钟刷新一下页面

在chrome浏览器中输入chrome://extensions，点击【加载已解压的扩展程序】按钮，选择第一步创建的文件夹，就可以看到自定义的插件扩展到了浏览器

打开第4步配置的，要监控的网页地址，就可以看到每隔10秒钟页面会重新刷新