Chrome扩充 新建扩展 从HelloWorld开始

Chrome扩展 新建扩展 从HelloWorld开始
虽然觉得Hello World有点俗，但是还是决定从他开始

新建一个chrome的hello world插件非常容易

1 建一个文件夹
任意命名
在文件夹下放一个icon.png 的小图标
创建一个名为manifest.json文件
文件内容如下：

{
  "name": "Hello World Extension",
  "version": "1.0",
  "description": "about hello world",
  "browser_action": {
    "default_icon": "icon.png"
  }
}

2 载入扩展
点击地址栏后面扳手图标，工具-> 扩展程序 进入扩展页面 ->  载入正在开发的扩展程序 填写文件夹的地址,就可以看到 图标 显示在了地址栏后面

3 弹出hello world
添加hello.html文件，放一句hello world进去
修改manifest.json

  "browser_action": {
    "default_icon": "icon.png",
    "popup": "hello.html"
  }

重新载入扩展文件夹即可显示效果