Chrome的扩展插件

扫描二维码

用处

本质就是web页面,调用web上的原有api还有浏览器提供的一些接口(像右键菜单、桌面通知、覆盖页面等等)。做一些工具性的插件。

manifest.json

{
    "name": "My Extension",
    "version": "2.1",
    "description": "Gets information from Google.",
    "icons": { "128": "icon_128.png" },
    "background_page": "bg.html",
    "permissions": ["http://*.google.com/", "https://        *.google.com/"],
    "browser_action": {
        "default_title": "",
        "default_icon": "icon_19.png",
        "default_popup": "popup.html"
    }
}

参数说明

和chrome app的差别

用html、js、css来实现和native相似的交互体验。应用到Desktop和mobile(Cordava)

##实现方式

  • chrome://extensions/ -> 开发者模式可以在本地调试

  • 示例:

    {
      "manifest_version": 2,
    
      "name": "Json To Excel String",
      "description": "json to excel string of keys and values",
      "version": "1.0",
    
      "browser_action": {
        "default_icon": "icon.png",
        "default_popup": "JsonToExcel.html"
      },
      "permissions": [
        "activeTab"
      ]
    }
    
  • 文件:

  • 效果

认证上传

在开发应用(扩展)时,需要把这些文件都放到同一个目录下。发布应用(扩展)时,这个目录全部打包到一个应用(扩展)名是.crx的压缩文件中。如果使用Chrome Developer Dashboard,上传应用(扩展),可以自动生成.crx文件。

  • 认证需要$5的开发认证费
  • 按提示长传zip包即可
  • 可以选择双币信用卡,中国大陆选择(香港-香港岛)就可以了

文档参考:

1、What are extentions?

2、What Are Chrome Apps?

3、360翻译Chrome扩展插件文档