我在popup.js中有以下代码,它响应按下按钮以获取所有选项卡,创建新选项卡(template.html),并将选项卡作为数组发送到新选项卡。稍后我会删除当前标签并在一个页面上显示链接以节省空间(这就是扩展的想法)。
function saveAll() {
var openTabs = [];
chrome.tabs.query({}, function(tabs) {
for (var i = 0; i < tabs.length; i++) {
openTabs[i] = tabs[i];
}
createSavedPage(openTabs);
});
}
function createSavedPage(tabsToSave) {
chrome.tabs.create({
"url": chrome.extension.getURL("template.html"),
"active": false
},
function(tab) {
sendListToPage(tab, tabsToSave);
}
);
}
function sendListToPage(tab, tabsArray) {
chrome.tabs.sendMessage(tab.id, {
"action": "fill-list",
"data": tabsArray
});
}
var saveAllButton = document.getElementById("select-all-tabs");
saveAllButton.addEventListener("click", saveAll);
创建的选项卡包含template.js文件:
function fillList(array) {
var list = document.getElementById("link-list");
for (var item in array) {
//Something
}
}
chrome.runtime.onMessage.addListener(
function(request, sender, sendResponse) {
if (request.action == "fill-list") {
var data = request.data;
fillList(data);
}
}
);
当我创建新标签时,消息从扩展程序发送但从未收到。是什么导致了这个问题?
答案 0 :(得分:0)
我还认为邮件是在创建的选项卡完全加载之前发送的。所以我通过添加chrome.tabs.onUpdated监听器来改变popup.js:
function createSavedPage(tabsToSave) {
chrome.tabs.create({
"url": chrome.extension.getURL("template.html"),
"active": false
},
function(tab) {
chrome.tabs.onUpdated.addListener(function(tabId, info) {
if (tabId == tab.id && info.status == "complete")
sendListToPage(tab, tabsToSave);
});
}
);
}
它似乎解决了这个问题。还有更好的方法吗?