google浏览器插件开发

Posted lichihua

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了google浏览器插件开发相关的知识,希望对你有一定的参考价值。

 

随便找个文件夹新建插件所需文件

目录结构

pluginName

  • manifest.json(必须)                          一个manifest文件
  • *.html(至少一个)                                      一个或多个html文件
  • *.js(可选)                                          可选的一个或多个javascript文件
  • *(可选)                                              可选的任何需要的其他文件,例如图片
  • icon-16-coco.png(必须)                    扩展程序图标icon...

manifest.json内容包括:


    "name": "清除广告",
    "version": "2.0",
    "manifest_version": 2,
    "description": "简易制作的清除页面广告的chrome插件",
    "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://*/","https://*/","http://*/*","https://*/*","http://www.jc88.net/*"],
      "js": ["js/jquery-1.10.1.min.js", "js/my-del-ad-script.js"]
    
  ]

 

技术图片

 

以上是关于google浏览器插件开发的主要内容,如果未能解决你的问题,请参考以下文章

如何编写google浏览器插件

google浏览器插件开发教程

google浏览器插件开发

基于Angular12的google浏览器插件开发

VisualCode网页开发常用插件

如何更新google chrome浏览器插件