Chrome扩展 新建扩展 从HelloWorld开始

编程技术  /  houtizong 发布于 3年前   65

虽然觉得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"  }

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