gpt4 book ai didi

JavaScript Chrome 扩展 - 在从弹出窗口到内容创建新标签后发送消息

转载 作者:行者123 更新时间:2023-11-30 08:00:12 24 4
gpt4 key购买 nike

在我扩展的 popup.js 中,我想创建一个新选项卡并发送一条消息。 content.js 必须收听消息并回答,但它不起作用!我尝试了很多在其他问题中找到的解决方案但没有成功这是我的文件:

{
//Manifest.json
"name": "Stampa cedolini",
"description": "stampa automatica dei cedolini",
"version": "1.0",
"permissions": [
"tabs", "http://*/*", "https://*/*"
],

"content_scripts": [{
"matches": [ "http://*/*", "https://*/*"],
"js": [ "jquery-2.1.3.min.js" ,"content.js"]
}],

"browser_action": {
"default_title": "Scegli la persona.",
"default_icon": "icon.png",
"default_popup": "popup.html"
},
"manifest_version": 2
}

弹出.js:

function click(e) {
var link1 = "http://www.example1.it";

var link2 = "http://www.example2.com";
if (e.target.id === "pippo") {
chrome.tabs.create({ url: link1 }, function(tab) {
chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
// your code ...
chrome.tabs.executeScript({code:"console.log('"+tabs[0].id+"')"});
//chrome.tabs.executeScript({code:"alert("+tabs[0].id+");"});
chrome.tabs.sendMessage(tabs[0].id, {persona: "pippo"});
});
});
} else {
chrome.tabs.create({ url: link2 });
}
//window.close();
}

document.addEventListener('DOMContentLoaded', function () {
var divs = document.querySelectorAll('div');
for (var i = 0; i < divs.length; i++) {
divs[i].addEventListener('click', click);
}
});

和 content.js:

chrome.runtime.onMessage.addListener(
function(request, sender, sendResponse) {
alert("from a content script:" + sender.tab.url);
if (request.persona == "pippo") {
sendResponse({risp: "ricevuto"});
}
});

tabs.create 回调中的 console.log(tab.id) 已打印,但发送消息似乎失败有人能帮我吗??谢谢

最佳答案

默认情况下,它在 document_idle 加载您的内容脚本。

这意味着当您发送消息时,它还没有出现,也没有人在听您的消息。

如果您从代码创建选项卡,最好以编程方式注入(inject)您的内容脚本,而不是依赖 list 注入(inject),并使用回调来确保它已完成执行。

chrome.tabs.create({ url: link1 }, function(tab) {
// Why do you query, when tab is already given?
chrome.tabs.executeScript(tab.id, {file:"jquery-2.1.3.min.js"}, function() {
// This executes only after jQuery has been injected and executed
chrome.tabs.executeScript(tab.id, {file:"jcontent.js"}, function() {
// This executes only after your content script executes
chrome.tabs.sendMessage(tab.id, {persona: "pippo"});
});
});
});

也就是说,您可能需要考虑在后台脚本中而不是在弹出窗口中调用此代码。一旦弹出窗口失去焦点,您的弹出页面就会开始卸载,您的代码可能无法完成执行。最好向后台脚本发送消息以请求创建选项卡。

关于JavaScript Chrome 扩展 - 在从弹出窗口到内容创建新标签后发送消息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30086759/

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