谷歌瀏覽器插件開發教程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>

相關標籤/搜索