gpt4 book ai didi

javascript - Chrome 扩展 : Change background Color on pageLoad

转载 作者:行者123 更新时间:2023-11-30 12:43:32 25 4
gpt4 key购买 nike

我正在尝试更改网页加载时的背景颜色。但是,脚本没有被执行这是我的代码。

list .json

{
"name": "Page Redder",
"description": "Make the current page red",
"version": "2.0",
"permissions": [
"activeTab"
],
"background": {
"scripts": ["background.js"],
"persistent": false
},
"browser_action": {
"default_title": "Make this page red"
},
"manifest_version": 2
}

背景.js

chrome.tabs.onUpdated.addListener( function (tabId, changeInfo, tab) {
if (changeInfo.status == 'complete')
chrome.tabs.executeScript(tabId, {file:"code.js"});
});

chrome.browserAction.onClicked.addListener(function(tab) {
chrome.tabs.executeScript({
code: 'document.body.style.backgroundColor="green"'
});
});

代码.js

document.body.style.backgroundColor="red"

当我点击扩展图标时,它正在工作。但是,code.js 没有被执行。

最佳答案

使用内容脚本。它们比直接从后台执行要简单得多。

如果您使用匹配 "matches": ["<all_urls>"],内容脚本会自动插入到新加载的选项卡中

文档:https://developer.chrome.com/extensions/content_scripts

关于javascript - Chrome 扩展 : Change background Color on pageLoad,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23510538/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com