读书人

Chrome扩充 新建扩展 从HelloWorld开始

发布时间: 2012-11-23 00:03:43 作者: rapoo

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"  }

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

读书人网 >Web前端

热点推荐