Chrome扩展命令(热键)

chrome extension commands (hotkeys)

本文关键字：热键 命令 扩展 Chrome      更新时间：2023-09-26

我正在尝试编写一个扩展，将弹出和弹出侧边栏类型视图，以允许快速管理我们的人力资源帮助中心。

无论如何，我已经采取了一些现有的东西，并修改它做我想要的。我计划对它进行修改，甚至比我目前拥有的还要多，但是，我想确保在我去找我的老板说"看"之前，功能已经存在了!看!

我已经得到了在Chrome中使用浏览器操作图标的基本想法。没有问题。主要问题来了，当我试图启用热键，也将打开扩展。我的头在桌子上撞了太多次了，我需要外界的帮助。

无论如何，这是我处理热键的清单部分。

清单

    "commands": {
    "toggle-feature": {
        "suggested_key": {
            "default": "Ctrl+Shift+0",
            "mac": "Command+Shift+0"
        },
        "description": "Toggle the helpcenter screen",
        "global": true
    },
    "_execute_browser_action": {
        "suggested_key": {
            "windows": "Ctrl+Shift+9",
            "mac": "Command+Shift+9",
            "chromeos": "Ctrl+Shift+9",
            "linux": "Ctrl+Shift+9"
        }
    }

正如你所看到的，我非常绝望，为网络上的每个系统都添加了热键，并在所有系统上进行了尝试。

background.js 

chrome.browserAction.onClicked.addListener(function(tab) {
    chrome.tabs.sendMessage(tab.id, { action: "toggleSidebar" });
});
chrome.commands.onCommand.addListener(function(tabh) {
        chrome.tabs.sendMessage(tabh.id, { action: "toggleSidebarhkey" });
});

第二行可能完全不正确，我已经搞砸了很多次，试图将信息传递给扩展。第一行正确处理扩展名的工作部分。

content.js 

var sidebarURL = "help center server";
var isSidebarOpen = false;
var sidebar = createSidebar();
/* Create a pop-out */
function createSidebar() {
    var sb = document.createElement("iframe");
    sb.id = "mySidebar";
    sb.src = sidebarURL;
    sb.style.cssText = ""
        + "border:   3px groove;'n"
        + "width:    50%;'n"
        + "height:   100%;'n"
        + "position: fixed;'n"
        + "top:      0px;'n"
        + "left:     0px;'n"
        + "z-index:  9999;'n"
        + "";
    return sb;
}
/* Show/Hide the pop-out */
function toggleSidebar() {
    if (isSidebarOpen) {
        document.body.removeChild(sidebar);
    } else {
        document.body.appendChild(sidebar);
    }
    isSidebarOpen = !isSidebarOpen;
}

**这就是我遇到麻烦的地方**我复制并粘贴了下面的代码，并添加了来自background.js屏幕的标识符。我留下了其余部分，因为它应该只使用当前值来决定是要关闭还是打开它。

/* Show / Hide the pop-out via hotkey */
function toggleSidebarhkey() {
    if (isSidebarOpen) {
        document.body.removeChild(sidebar);
    } else {
        document.body.appendChild(sidebar);
    }
    isSidebarOpen = !isSidebarOpen;
}
/* Listen for message from the background-page and toggle the SideBar */
    chrome.runtime.onMessage.addListener(function(msg) {
    if (msg.action && (msg.action == "toggleSidebar")) {
        toggleSidebar();
    }
});

**热键监听器**再一次，这部分可能是错误的，但我已经把它弄得一团糟，试图使它工作，我怀疑它的任何部分是正确的。

/* Listen for message from the background-page and toggle the SideBar via hotkey */
chrome.runtime.onMessage.addListener(function(msg) {
    if (msg.action && (msg.action == "toggleSidebarhkey")) {
        toggleSidebarhkey();
    }
});

老实说，我完全被困住了，我想你们中的许多人都在想，"把这个想法告诉老板!"answers"你的老板不会知道的!"但我想要额外的酷因素，不需要在帮助中心门户网站上寻找按钮和轻松访问人力资源的东西。一旦我得到了"嘿，看!!"的基本功能，然后我将展开，也许添加一个面板而不是弹出式(如google keep或hangouts)，谁知道呢，但我首先需要一个概念证明，我讨厌以这种方式留下未完成的东西。

正如chrome.command上的文档所解释的那样，onMessage侦听器的回调将命令作为参数，而不是Tab对象。

因此，在回调中，你需要找出哪个选项卡是活动的:

chrome.commands.onCommand.addListener( function(command) {
    if(command === "toggle-feature"){
        chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
            chrome.tabs.sendMessage(tabs[0].id, { action: "toggleSidebarhkey" });
        });
    }
});
相关文章：