我正在为Google Chrome浏览器编写扩展程序,并且试图在用户单击加载项图标时在当前页面中添加内容。
我想增加启用/禁用扩展以及显示/隐藏每个页面的注入内容的可能性。
manifest.json
"content_scripts": [
{
"matches": [
"http://*/*",
"https://*/*"
],
"css": ["css/style.css"],
"js": [
"js/content.js"
]
}
]
我看不到如何仅为单击图标的页面添加内容,因为每个页面都有脚本。
我还尝试了使用后台脚本执行某些操作,但均未成功。
你有什么想法?
谢谢!
您应该使用chrome.tabs.executeScript
和完成此操作chrome.tabs.insertCSS
。完整示例:
Background.js
chrome.browserAction.onClicked.addListener(function (tab) {
chrome.tabs.insertCSS(tab.id, {file: "content_style.css"});
chrome.tabs.executeScript(tab.id, {file: "content_script.js"});
});
Manifest.json
{
"name": "Inject js and CSS",
"version": "1",
"manifest_version": 2,
"browser_action": {
"default_icon": {
"16": "icon16.png",
"19": "icon19.png",
"32": "icon32.png",
"38": "icon38.png"
}
},
"background": {
"scripts": ["background.js"],
"persistent": false
},
"permissions": [
"activeTab"
]
}
编辑:更新为使用activeTab,事件页面和新图标大小。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句