![](/img/trans.png)
[英]Chrome Extension: Change Address bar Button Background color at runtime
[英]Chrome Extension: Change background Color on pageLoad
我正在嘗試更改網頁onLoad的背景顏色。 但是,腳本沒有被執行這是我的代碼。
的manifest.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
}
background.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"'
});
});
code.js
document.body.style.backgroundColor="red"
單擊擴展圖標時它正在工作。 但是, code.js
沒有被執行。
使用內容腳本。 它們比直接從后台進行簡單得多。
如果您使用匹配"matches": ["<all_urls>"]
內容腳本將自動插入到新加載的選項卡"matches": ["<all_urls>"]
文檔: https : //developer.chrome.com/extensions/content_scripts
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.