chrome-第一个扩展 blog4simpleyuan



今天闲来无事想做一个分享到博客的chrome扩展,在网上搜索了一下,原来如此快速。

开发步骤如下:
1、建立一个文件夹 “blog4simpleyuan”。
2、在文件夹“blog4simpleyuan”下建立一个名为“manifest.json”的文件,加入以下代码:
{
"manifest_version": 2,
"name": "blog4simpleyuan",
"version": "1.0",
"description": "分享到simpleyuan's blog",
"browser_action": {
"default_icon": "icon.png",
"default_popup": "index.html"
}
}

说明:
a、manifest_version 的版本必须是 2
b、name 是你的扩展的名字
c、version 为扩展的版本号
d、description 为扩展描述
e、browser_action 扩展行为
e.1 default_icon 为扩展图标
e.2 default_popup 为扩展打开默认的页面
3、创建一个名为“index.html”的文件,代码如下:

blog4simple

4、放一张图片到目录中,例如此处的“icon.png”。
5、进入chrome的“工具->扩展程序”,选择“开发者模式”,点击“加载正在开发的扩展程序”,将导入刚才建立的文件夹“blog4simpleyuan”。在浏览器的右上角就可以看见刚刚建立的扩展程序了,如图:


备注:目录结构如下
blog4simpleyuan
    |-icon.png
    |-index.html
    |-manifest.json
你还可以打包自己的扩展,打包后在“blog4simpleyuan”的目录下就可以看见“blog4simpleyuan.crx”这个文件,你可以分享给你的朋友玩玩。blog.simpleyuan.crx

参考网址:https://developer.chrome.com/extensions/getstarted.html

标签: chrome扩展

如果您满意,请识别二维码打赏

添加新评论

captcha
请输入验证码