3

用户单击我的上下文菜单项后，我需要执行脚本。

因此，出于这个目的，我从后台 js 创建了上下文菜单：

chrome.contextMenus.create({"title": title, "contexts": contexts,
                                       "onclick": genericOnClick});

它按预期显示。后来从 genericOnClick 我尝试执行我的脚本：

chrome.tabs.executeScript(null, {code: "console.log('test 1');"}, function() {
      console.log("test 2");
  });

我可以看到“测试 2”被打印到控制台，但“测试 1”永远不会被打印。我究竟做错了什么？我尝试将 console.log 语句添加到单独的 js 文件中，但也无法打印：

chrome.tabs.executeScript(null, {"file": 'content_script.js'}, function() {
      console.log("test 2");
  });

注意：我的 content_script.js 没有在清单中定义。我的清单如下所示：

{
  "name": "My First Extension",
  "version": "1.0",
  "manifest_version": 2,
  "description": "Sample extension",
  "page_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },
  "permissions": [
    "http://*/*",
    "https://*/*",
    "tabs",
    "contextMenus"
  ],
  "background": {
    "scripts": ["sample.js"]
  },

  "icons": {
    "16": "icon16.png"
  }
}

先感谢您。

4

2 回答 2

2

扩展程序中唯一可以访问控制台的代码是注入原始页面的内容脚本。

从您的代码看来，您正试图从后台脚本写入控制台。因此，要从后台页面写入控制台，您必须注入内容脚本来为您完成这项工作。

在我的扩展中，我使用自己的函数将消息从后台脚本写入控制台。下面给出了相同的代码：

function logMessage(msg){
    chrome.tabs.executeScript({code:"console.log('"+msg+"')"});
}

将上述定义为后台脚本中的第一个函数，并从后台脚本中的任何位置调用它以将消息写入控制台。

在您的情况下，您可以从genericOnClick函数中使用它来将消息写入控制台。

于 2013-07-29T03:14:56.693 回答
0 
// addListener
chrome.browserAction.onClicked.addListener(function() {
    chrome.tabs.executeScript(null, {file: "content_script.js"}, function() {

        console.log("test 2");
    });
});


 // Context Menu
chrome.contextMenus.create({
    title: myTitle,
    contexts: ['page'],
    onclick: function (detail, tab) { fn(tab) }
});

所以;

"permissions": [
"tabs", "http://*/*", "https://*/*"
]

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

或者：

// Functional structure
function hi() { alert("hi"); };

// hi function toString after run  function (hi)()
chrome.tabs.executeScript(null, { code: "(" + hi.toString() + ")()" });
于 2012-09-27T06:50:15.103 回答