谷歌浏览器插件开发教程6

时间 2019-11-26

原文原文链接

1 自定义开发者面板html

改配置文件jquery

{
    "name": "todo-plugin",
    "version": "0.9.0",
    "manifest_version": 2,
    "description": "chrome plugin demo",
    "browser_action": {
        "default_icon": "icon.png",
        "default_title": "Todo List",
        "default_popup": "popup.html"
    },
    "content_scripts": [{  //对页面内容进行操做的脚本
         "matches": ["http://*/*","https://*/*"],  //知足什么条件执行该插件 
         "js": ["jquery.min.js","contentscript.js"]
    }],
    "background":{
    "scripts":["jquery.min.js","background.js"]
    },
    "permissions": ["contextMenus"],
    "web_accessible_resources": ["inject.js"],
    //指定自定义面板
 "devtools_page": "devtools.html"
    }

而后web

devtools.html

再引用下jschrome

<!doctype html>

<html>

<head>

<meta http-equiv="content-type" content="txt/html; charset=utf-8" />

<title>Document</title>


</head>

<body>


<script src="devtools.js"></script>


</body>

</html>