Chrome扩展程序:更改页面上的背景颜色加载

时间:2014-05-07 06:40:51

标签: javascript google-chrome-extension

我试图更改网页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没有被执行。

1 个答案:

答案 0 :(得分:2)

使用内容脚本。它们比直接从后台直接操作简单得多。

如果您使用匹配"matches": ["<all_urls>"]

内容脚本会自动插入新加载的标签中

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

相关问题