Question

我试图制作镀铬扩展程序，但有一些我不理解的东西，当我查阅它时，我总是得到相反的建议，而我没有管理任何事情为了工作，我正在寻求你的帮助。

以下是我想要介绍的功能的例子：拥有叠加我可以在包含相同文本区域的任何页面上使用 Chrome热键显示或隐藏，无论我在哪个标签页或页面中（我猜我应该使用js将我的文本区域的内容发送到每个选项卡或页面的变量全局。我还包括jquery，但必须在每个html中包含它，不知道如何将它包含在我可以用于每个页面的地方。

我需要什么： - 如何包含叠加层 - 如何为您的扩展程序定义chrome热键 - 如何在每个页面和选项卡之间创建全局变量

由于

Answer 1

好的，我现在几乎解决了所有问题：

manifest.json：

"commands": {
    "toggle-digivice": {
      "suggested_key": {
        "default": "Ctrl+Space"
      },
      "description": "Show or hide digivice"
    }
  },
  "background": {
    "page": "pages/background.html"
  }

background.js

chrome.commands.onCommand.addListener(function(command) {
  //alert(command);
  switch(command){
    case "toggle-digivice" :
      console.log("toggle");
      toggle_digivice();
    break;
  }
});

function toggle_digivice(){
  chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
    chrome.tabs.executeScript(tabs[0].id,{file:"js/overlay.js"});
  });
}

overlay.js：

document.body.innerHTML += "<div id='overlay'>overlay.html</div>";

现在，我需要更新我的背景叠加层，并弄清楚如何将我的背景内容调用到innerHTML。

Chrome扩展程序覆盖

1 个答案: