---

chrome扩展程序是基于HTML+CSS+Javascript的工程。

所以开发Web的同学开发这个浏览器扩展学习起来是非常方便的。项目结构主要包含一个manifest.json文件来存储项目信息。本文参考官方地址：

1. 建立项目文件夹hello
2. 创建manifest.json文件
   json { "name": "Hello Extensions", "description" : "Base Level Extension", "version": "1.0", "manifest_version": 2 }
3. 加入icon hello_extensions.png和html hello.html页面（图片和html页面可以自己自定义，这里就不贴出来了。）
4. 修改manifest.json

{    "name": "Hello Extensions",    "description" : "Base Level Extension",    "version": "1.0",    "manifest_version": 2,    //以下为新加内容，指定icon和点击的时候弹出的html页面    "browser_action": {      "default_popup": "hello.html",      "default_icon": "hello_extensions.png"    }  }

测试：

打开chrome，点开Omnibox--> 更多工具-->扩展程序

打开开发模式-->加载已解压的扩展程序-->然后选择自己的项目目录即可发现自己的扩展在浏览器上了。然后点击图标即可。