Start my Chrome Extension

• 开始制作自己的Chrome扩展程序
• Chrome扩展程序使用web技术开发，并且可以使用浏览器开放给普通web页面的API。
• 扩展程序具有广泛的功能可能性，可以修改用户查看和交互的Web页面，或者扩展和更改浏览器本身的行为。
• 步骤：
• • 开发工具：平常进行前端开发的任意工具都可以
• • 创建一个空文件夹myExtension，包含一个manifest.json文件，说明扩展程序的功能和扩展程序可能用到的重要文件&能力
• • manitest.json 文件中的内容

{
  "name": "myExtensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2,
  "browser_action": {
    "default_popup": "src/hello.html",//点击图标弹出的窗口
    "default_icon": "assets/icon/hello_extensions.png" //图标的图片
  }
}

• • 浏览器输入chrome://extensions，打开右上角的开发者模式，并且点击左上角的“打开未打包的扩展程序”，就可以在浏览器右上角看到自己的扩展程序了。
    每个程序的 Inspect views：background page.（中文是：查看视图：背景页），点击后可以看到后台脚本的console log.

构建扩展程序的组件

后台脚本和许多其他的组件都要在manifest.json中注册，表示文件的位置和它应当如何运行。

background scripts
content scripts
options page
UI elements

Chrome API

许多api比如storage，必须在manifest.json文件中的 "permissions"区域注册才能够使用这些api。