向 Chrome 扩展添加“激活扩展”快捷方式

【问题标题】：Adding "Activate the extension" shortcut to Chrome Extension向 Chrome 扩展添加“激活扩展”快捷方式
【发布时间】：2021-09-27 11:55:55
【问题描述】：

我正在开发一个供个人使用的 Chrome 扩展程序，并希望为其添加一个快捷方式以激活 popup.html 页面（即，当我按下快捷方式时，popup.html 页面将显示出来）。

对于某些扩展，我可以通过转到chrome://extensions/shortcuts 页面并针对“激活扩展”字段分配一个快捷方式来轻松完成此操作。

但我的扩展程序没有在此处列出。

我是否需要在manifest.json 文件中添加任何内容才能让我的扩展程序出现在chrome://extensions/shortcuts 页面中？

【问题讨论】：

需要在 manifest.json 中定义 browser_action (MV2) 或 action (MV3)。
我同意 wOxxOm 的评论。有关更多信息，您还可以参考this blog：Action commands 将快捷方式映射到扩展程序的操作（如果 MV3）或浏览器操作或页面操作（如果 MV2）。

【解决方案1】：

感谢周宇在评论中分享this link。它帮助我使“激活扩展”这件事起作用。

要使扩展在chrome://extensions/shortcuts 中可用，您需要在manifest.json 中添加以下内容-

"commands": {
    "_execute_action": {
        "suggested_key": {
            "default": "Ctrl+Shift+Y"
        }
    }
},

但只这样做并不能使分配给实际工作的快捷方式。为此，您需要添加一个 background.js 页面 -

// in manifext.json
"background": {
    "service_worker": "background.js"
}

// in background.js
chrome.action.onClicked.addListener((tab) => {
    //TODO toggle dark mode in the tab
});

我仍然不清楚所有这些是如何使popus.html 激活的，但它现在正在工作。

附：这是 清单版本 3

【讨论】：