gpt4 book ai didi

javascript - Chrome 扩展覆盖

转载 作者:行者123 更新时间:2023-11-30 15:01:08 28 4
gpt4 key购买 nike

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

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

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

谢谢

最佳答案

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

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。

关于javascript - Chrome 扩展覆盖,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46521152/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com