在 Chrome 浏览器扩展程序中使用命令和热键

Question

我正在尝试制作一个简单的浏览器扩展，当我使用热键时运行一个功能。但是，即使我觉得我已经遵循了 文档非常密切（以及其他教程）。

chrome.runtime.onInstalled 可以很好地触发toggleDark()。然而，热键却没有。

注意 - 我已经尝试了大量不同的命令，以确保不仅仅是 CTRL+U 被另一个扩展或浏览器命令覆盖。

 {
  "manifest_version": 3,
  "name": "extension",
  "version": "0.0.1",
  "description": "description of the extension",
  "icons": {
    "16": "icon.png",
    "48": "icon.png",
    "128": "icon.png"
  },
  "action": {
    "default_icon": {
      "16": "icon.png",
      "24": "icon.png",
      "32": "icon.png"
    },
    "default_title": "Name of extension",
    "default_popup": "popup/popup.html"
  },
  "commands": {
    "_execute_action": {
      "suggested_key": {
        "default": "Ctrl+U",
        "mac": "Command+U"
      },
      "description": "Does a thing"
    }
  },
  "options_page": "options.html",
  "permissions": [
    "activeTab",
    "contentSettings",
    "contextMenus",
    "scripting",
    "storage"
  ],
  "background": {
    "service_worker": "background.js"
  }
}

// This works in background.js
chrome.runtime.onInstalled.addListener(() => {
  toggleDark();
});

// This doesn't work in background.js or popup.js
chrome.action.onClicked.addListener((tab) => {
  console.log("Console log doesn't make it this far");
  chrome.scripting.executeScript({
    target: { tabId: tab.id },
    function: toggleDark,
  });
});

function toggleDark() {
  console.log("toggledark");
}

注意 - 根据下面的评论，我尝试将不起作用的脚本添加到我的 popup.js 文件的顶部。但是，它仍然没有运行。