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扩展插件文档