创建Chrome扩展上下文菜单时,console.log无法正常工作

时间:2017-09-05 16:51:37

标签: javascript google-chrome google-chrome-extension

我正在编写一个简单的Chrome扩展程序,并且一直在阅读documentation on context menus(即右键菜单)。

我下载了基本示例代码(找到here),并且已经在我的浏览器中运行了它。提供的示例创建了一个上下文菜单,其中包含一些选项。单击其中一个选项时,会将一些信息记录到控制台。

在不更改任何示例代码的情况下,我无法使console.log()语句生效。我删除了所有无关的代码,以创建可能重现问题的最简单版本。

function genericOnClick(info, tab) {
  console.log("something");
  alert("something else");
}

var title = "Test 'selection' menu item";
var id = chrome.contextMenus.create({"title": title, "contexts":
["selection"], "onclick": genericOnClick});

manifest.json 如下:

{
  "name": "Context Menus Sample",
  "description": "Shows some of the features of the Context Menus API",
  "version": "0.6",
  "permissions": ["contextMenus"],
  "background": {
    "scripts": ["sample.js"]
  },
  "manifest_version": 2
}

使用上面的代码,右键单击选择会打开一个上下文菜单,其中包含一个选项“测试'选择'菜单项”。单击此菜单项将提醒“其他内容”,但控制台中不会显示任何内容。

我在控制台中没有出错。

重申一下,当我下载提供here的基本示例并运行它并没有做任何更改时,这种行为对我不起作用。

1 个答案:

答案 0 :(得分:3)

查看控制台。检查背景页面是必要的。下面的gif包含了如何执行此操作的示例。

https://i.stack.imgur.com/sw8d5.gif