chrome插件开发

chrome插件开发

chrome插件可以根据自己的需求快速的构建基于特定页面的浏览器级插件，比如，想要爬取某个网页的内容，但是没有对应的接口，那么通过chrome插件就可以。又或者，想要定时刷新页面，chrome插件也可以完成

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

ChromeExt

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

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

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

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

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

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

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

2）content_scripts:

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

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

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

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

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

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