javascript - Chrome 扩展覆盖

Question

我正在尝试制作一个 chrome 扩展程序，但有几件事我不明白，当我查找它时，我总是得到相反的建议，但我什么都没做，所以我'我寻求你的帮助。

这是我想介绍的功能示例: 有了overlay，我可以在包含相同文本区域的任何页面上使用chrome 热键 显示或隐藏，无论我在哪个选项卡或页面(我'我猜我应该使用 js 将文本区域的内容发送到每个选项卡或页面的全局变量中。 我还包含了 jquery，但必须将它包含在每个 html 中，不知道如何将它包含在我可以用于我制作的每个页面的地方。

我需要什么: - 如何包括覆盖 - 如何为您的扩展程序定义一个 chrome 热键 - 如何在每个页面和标签之间创建全局变量

谢谢

Answer 1

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

list .json :

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

背景.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。