google-chrome-extension - 从弹出窗口或选项分配命令键盘快捷键

Question

Chrome API 是否可以让用户从扩展弹出窗口或选项页面中分配键盘快捷键？无需他们进入扩展页面，滚动到底部并打开键盘快捷菜单。

Answer 1

在 Chrome 中，没有以编程方式分配快捷键的方法，但您可以在扩展弹出窗口中添加按钮或链接，以打开内置对话框。

popup.html:

<button id="hotkey">Assign a shortcut key</button>
<script src="popup.js"></script>

popup.js:

document.getElementById('hotkey').onclick = () => chrome.tabs.create({
  url: 'chrome://extensions/configureCommands'
});

注意事项:

• chrome://网址只能通过 chrome/WebExtensions API 方法打开，
  但不是通过<a href="...">直接链接。

  您仍然可以使用标准 <a>链接到上面显示的点击监听器；只是不要忘记阻止默认点击事件以避免控制台出错:

  document.getElementById('hotkey').onclick = event => {
    chrome.tabs.create({url: 'chrome://extensions/configureCommands'});
    event.preventDefault();
  };
  

• 在 Opera 浏览器中，URL 是 opera://settings/configureCommands
  您可以使用 navigator.userAgent 检测浏览器字符串

• 在 Firefox 中，目前无法以编程方式打开此 UI，因此您必须显示打开 about:addons 的说明。页面，单击齿轮图标，然后选择“管理扩展快捷方式”。但是，Firefox 允许使用 browser.commands.update 以编程方式设置热键。 .