chrome扩展-打造个性化的web页面

今天介绍一下如何开发一款简单的chrome插件

1. 什么是chrome插件

chrome插件也叫chrome扩展。其实chrome插件就是一个以chrome浏览器为宿主运行的一个web程序，因此chrome插件本质上就是一个web页面，只是与传统的web页面不同的是，插件是嵌入到浏览器中可与任何网站的任何web页面进行交互。也可以访问浏览器提供的内部功能。

2. 插件的组成部分

manifest.json这个文件是必需的，相当于是一个配置文件所有的配置信息都放在这里

xxx.png图片这个是插件的图标，可以没有

popup.html html页面(文件名随意)，一般的插件安装好以后在浏览器右上角会有个插件的图标，当点击这个图标时就会弹出一个页面，页面的内容就是该html文件中定义的内容

pop.js js文件(文件名自定义)对应的js文件主要用于与其他web页面进行交互，比如想屏蔽一些网站中的广告，就可以把相关的javascript代码放在这个文件里

pop.css 样式文件主要用于设置html页面的样式，可有可无

如果需要用到jquery还可以把jquery文件引进来

以上文件放入到同一个文件夹中。

下面着重讲解一下manifest.json配置文件，如下：

manifest.json

{
"name":"blackad",//插件名称，可随便定义
"manifest_version":2,//manifest版本值，这个值好像必须是2而且这行代码是必须要有的，否则就会报错。
"version":"1.0.0",//插件版本，可随意定义