Question

他是我的 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_icon" : "icon.png",
    "default_title": "Make this page red"
  },
  "manifest_version": 2
}

这是 background.js 有效（页面变为红色）：

chrome.browserAction.onClicked.addListener(function(tab) {

   chrome.tabs.executeScript(null, {code:'document.body.style.backgroundColor="red";'} );


});

如果我按以下方式更改 background.js ，则无法正常工作：

function changeColor() {
    document.body.style.backgroundColor="red";

}

chrome.browserAction.onClicked.addListener(function(tab) {

   chrome.tabs.executeScript(null, {code:';'}, function() {
      changeColor();
   });

});

Chrome版本：38.0.2125.111

问题：我在这里做错了什么？为什么在executeScript中调用函数不起作用？

谢谢，浣熊

Answer 1

您没有在 executeScript中调用函数。

您正在其回调中调用该函数，该函数在原始（背景）页面中运行。它是一个描述“executeScript完成时应该做什么”的函数，而不是要运行的代码。

在您注入代码的页面中实际运行的代码是“;” （显然什么也没做。）

run a function defined in your code executeScript，可以将其正确转换为字符串。但请注意，它不会访问函数外部定义的变量。

我认为你尝试做的是让代码接受一个参数（颜色）。您不应每次都制作自定义代码，而应考虑使用Messaging来传递命令。

示例：使用以下内容添加文件content.js：

// Include guard: only execute once if (!injected) { injected = true; init(); } function init() { // Get ready to receive a command chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) { if(message.action == "colorBackground") { document.body.style.backgroundColor = message.color; } }); }

在你的背景中，你可以这样做：

chrome.tabs.executeScript(null, {file: "content.js"}, function() { // File executed, it's ready for the message chrome.tabs.sendMessage(null, { action: "backgroundColor", color: "green" }); }

Chrome扩展程序 - ＆gt; ExecuteScript：函数调用不起作用

1 个答案: