关于谷歌插件开发的了解

因公司有淘客联盟电商业务,TK助手,HDK网站推荐商品,故开发谷歌插件(基于谷歌插件中一款清除广告的插件),实现在TK助手,HDK选品添加到本地数据库。

当然,还有更详细的教程专家教程谷歌开发入门
关于谷歌插件开发的了解_第1张图片

上图是目录,主要是manifest.json文件。该文件会定义插件在谷歌浏览器具体展示,以及指定网站的页面渲染文件路径。

上代码:

{
    "name": "名称",
    "version": "4.0",
    "manifest_version": 4,
    "description": "描述",
    "permissions": [
        "http://*/",
        "http://*/*",
        "https://*/",
        "https://*/*"
    ],
    "icons": {
        "16": "icon-16-coco.png",
        "128": "icon-128-coco.png"
    },
    "browser_action": {
        "default_icon": "icon-16-coco.png",
        "default_popup": "popup.html"
    },
    "content_scripts": [
    {
      "matches": ["http://www.百度.com/*","https://www.百度.com/*"],#匹配的网址
      "css": ["js/layui/css/layui.css"],#引入css
      "js": ["js/jquery-1.9.min.js", "js/mytest.js"] #引入js  
    }
  ]
}

注意哦:本人用的layui弹框 在谷歌插件是不起作用的,因为运行环境不一样,具体的大家可以百度搜下,就不解释了

之后就编写要注入的js代码,放在插件目录下,打开谷歌加载插件即可

关于谷歌插件开发的了解_第2张图片

你可能感兴趣的:(前端)