第一个 Chrome 扩展

参考原文

知识点：

• browser_action

---

首先新建一个名为 my_clock 的文件夹，在此文件夹中新建一个名为 manifest.json 的文件，内容如下：

{
    "manifest_version": 2,
    // 扩展的名称
    "name": "我的时钟",
    // 扩展的版本
    "version": "1.0",
    // 扩展的描述
    "description": "我的第一个Chrome扩展",
    // 扩展相关图标文件的路径
    "icons": {
        "16": "images/icon.png",
        "48": "images/icon.png",
        "128": "images/icon.png"
    },

    // 指定扩展的图标放在Chrome的工具栏中
    "browser_action": {
        // 定义了相应图标文件的路径
        "default_icon": {
            "19": "images/icon.png",
            "38": "images/icon.png"
        },
        // 定义了当用户鼠标悬停于扩展图标上所显示的文字
        "default_title": "我的时钟",
        // 定义了当用户单击扩展图标时所显示的html文件路径
        "default_popup": "popup.html"
    }
}

接下来我们开始编写 popup.html：

如果你曾经编写过网页，会发现上面这个页面省略了很多内容，比如