速快制作一个chrome-extension例子

chrome-extension项目目录的结构如下:

新建一个manifest.json文件

manifest.json
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
{
    "manifest_version": 2,
    "name": "growcn",
    "description": "blog growcn",
    "version": "1.0",
    "icons": {
        "128": "icon_128.png"
    },
    "app": {
        "urls": [
            "http://blog.growcn.com"
        ],
        "launch": {
            "web_url": "http://blog.growcn.com"
        }
    },
    "permissions": [
        "unlimitedStorage",
        "notifications"
    ]
}

加入一张128*128的icon图片

如:

导入该项目到chrome中

中chrome的地址栏中输入chrome://extensions/

在chrome的extensions将会看到导入的项目

最终效果:

点击就可以打开自己的博客了!

后续添加一个实用的例子。

ref:https://developer.chrome.com/extensions/index.html

原文地址:http://dlj.bz/TZjIwN

Comments