发帖
扫码访问
 注册
 登录
首页 ›电脑› 电脑学堂 › 查看内容

Chrome的扩展插件

2016-9-6 12:10 1554 0

摘要: 用处本质就是web页面，调用web上的原有api还有浏览器提供的一些接口(像右键菜单、桌面通知、覆盖页面等等)。做一些工具性的插件。manifest.json{ "name": "My Extension", "version": "2.1", "des ...

用处

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

manifest.json

{
        "name": "My Extension",
        "version": "2.1",
        "description": "Gets information from Google.",
        "icons": { "128": "icon_128.webp" },
        "background_page": "bg.html",
        "permissions": ["http://*.google.com/", "https://        *.google.com/"],
        "browser_action": {
            "default_title": "",
            "default_icon": "icon_19.webp",
            "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.webp",
      "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扩展插件文档

声明：文章版权归原作者所有 部分文章转自互联网 如有侵权请联系 [邮箱地址] 删除

路过
雷人
握手
鲜花
鸡蛋
收藏 分享 邀请
上一篇：Google Chrome 53.0.2785.89 正式版发布下一篇：教你六步编程写一个属于自己的简单浏览器

最新评论

相关分类

返回顶部