[英]firefox jpm - emit to tab from outside the tab-call
在本文檔中,有一個如何向選項卡發送數據/事件的示例。 這是我的編輯版本:
成功-window.js
// "self" is a global object in content scripts
// Listen for a "drawBorder"
self.port.on("drawBorder", function(color) {
document.body.style.border = "5px solid " + color;
});
在index.js中
var self = require("sdk/self");
var tabs = require("sdk/tabs");
var success_tab;
var myTab = tabs.open({
url: data.url("success-window.html"),
onReady: function onReady(tab) {
success_tab = tab.attach({
contentScriptFile: [data.url('angular/angular.min.js'),
data.url('angular-bootstrap/ui-bootstrap-tpls.min.js'),
data.url('success-window.js')]
});
}
});
如何在按鈕定義之外使用success_tab.port.emit
? 就像在index.js中的另一個函數中一樣,例如console.log
console.log('mytab:', myTab); // mytab: undefined
console.log('success_tab:', success_tab); // success_tab: undefined
success_tab.port.emit("drawBorder", "red"); // JPM [error] Message: TypeError: success_tab is undefined
嘗試這個。 不要忘記調整include
來匹配您成功的html頁面,例如:
var self = require("sdk/self");
var tabs = require("sdk/tabs");
var mods = require("sdk/page-mod");
var successWorker;
mods.PageMod({
include: "*", //adjust this to match ONLY your success page
contentScriptWhen:'start',
contentScriptFile: [data.url('angular/angular.min.js'),
data.url('angular-bootstrap/ui-bootstrap-tpls.min.js'),
data.url('success-window.js')],
onAttach: function(worker){
successWorker= worker;
worker.on("message", function(aData){
//messages from success-window.js
});
worker.on("detach", function(){
//prevent worker from being used after it's been disposed
successWorker= undefined;
});
}
});
function postToSuccessWindow(message){
if(successWorker){
successWorker.postMessage(message);
}
}
另外,對tabs.open
的調用不會返回標簽。 要引用該選項卡,您必須這樣做:
var successTab;
tabs.open({
url: "success-window.html"
onOpen: function(tab){
successTab = tab;
}
});
您是否嘗試過將其設置為像這樣的全局變量:
var self = require("sdk/self");
var tabs = require("sdk/tabs");
var worker;
var button = require("sdk/ui/button/action").ActionButton({
id: "style-tab",
label: "Style Tab",
icon: "./icon-16.png",
onClick: function() {
worker = tabs.activeTab.attach({
contentScriptFile: self.data.url("my-script.js")
});
worker.port.emit("drawBorder", "red");
}
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.