javascript - 创建 Chrome 扩展上下文菜单时 console.log 不起作用

Question

这个问题已经有答案了:

How to open the correct devtools console to see output from an extension script? (3 个回答)

Accessing console and devtools of extension's background.js (10 个回答)

已关闭 6 年前。

我正在编写一个简单的 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 时，这种行为对我不起作用并运行它，不做任何更改。

Answer 1

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

/image/sw8d5.gif