黑基网 首页 电脑 网页浏览器 查看内容

Chrome的扩展插件

2016-9-6 12:10| 投稿: lofor

摘要: 用处本质就是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.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扩展插件文档

小编推荐:欲学习电脑技术、系统维护、网络管理、编程开发和安全攻防等高端IT技术,请 点击这里 注册黑基账号,公开课频道价值万元IT培训教程免费学,让您少走弯路、事半功倍,好工作升职加薪!



免责声明:本文由投稿者转载自互联网,版权归原作者所有,文中所述不代表本站观点,若有侵权或转载等不当之处请联系我们处理,让我们一起为维护良好的互联网秩序而努力!联系方式见网站首页右下角。


鲜花

握手

雷人

路过

鸡蛋

相关阅读

最新评论


新出炉

返回顶部