firefox插件和dev/panel之间的通信
Communication between firefox addon and dev/panel
当我点击dev/面板界面中的按钮时,我需要调用高级API函数。我是这样实现的。当插件处于onReady状态时,插件将postMessage发送到panelSide。
// index.js
onReady: function() {
// in this function you can communicate
// with the panel document
this.postMessage("add-on-ready", [panelSide]);
//this.postMessage("add-on-ready2", [panelSide]); // This message may be received in logic-panel.js
}
面板将在文本区域添加收到的消息,并只需按下某个按钮即可回复插件:
//logic-panel.js
window.addEventListener("message", function(event) {
var toAddon = event.ports[0];
toAddon.start();
$(document).ready(function(){
$('#log').append(event.data + ''n');
});
switch(event.data){
case "add-on-ready":
$(document).ready(function(){
$("#inspect").click(function(){
toAddon.postMessage("inspect");
});
$("#exit").click(function(){
toAddon.postMessage("exit");
});
});
break;
default:
toAddon.postMessage("event.data = " + event.data);
alert("event.data = " + event.data);
}
});
加载项处理响应。如果按下"检查"按钮,那么将涉及高级API(即handleClick函数中的PageMod):
//index.js
addonSide.onmessage = function(event) {
console.log(event.data);
switch(event.data){
case "inspect":
console.log("run inspect");
handleClick();
console.log("run inspect end");
break;
case "exit":
console.log("push exit =(");
break;
default:
MyPanel.postMessage("add-on-ready", [panelSide]); //not work
}
}
function handleClick() {
console.log("xpath");
var data = require("sdk/self").data;
var pageMod = require('sdk/page-mod').PageMod({
include: ['*'],
contentScriptFile: data.url("./addonside/xpath.js"),
onAttach: function(worker) {
worker.on('message', function(message) {
console.log('mouseclick: ' + message);
////////////////////////////////
// this.postMessage('mouseclick: ' + message, [panelSide]); // This message not may be received in logic-panel.js
////////////////////////////////
});
}
});
}
Q:如何在handleClick()函数中将postMessage发送到面板?也许有一种更合适的方法可以使用dev/panel调用高级API?
在index.js中声明var _MyPanel;
在onReady
:中
onReady: function() {
_MyPanel = this;
_MyPanel.postMessage("add-on-ready", [panelSide]);
}
和handleClick()
:
function handleClick() {
console.log("xpath");
var data = require("sdk/self").data;
var pageMod = require('sdk/page-mod').PageMod({
include: ['*'],
contentScriptFile: data.url("./addonside/xpath.js"),
onAttach: function(worker) {
worker.on('message', function(message) {
console.log('mouseclick: ' + message);
_MyPanel.postMessage("mouseclick: " + message, [panelSide]);
});
}
});
}
相关文章:
- firefox插件和dev/panel之间的通信
- 如何在两个不同的iframe HTML之间进行通信
- Angularjs事件与发布/订阅指令之间的通信
- Firefox插件SDK:在侧边栏和主脚本之间通信对象
- Ember.js:接受的子组件和父组件之间通信的最佳实践
- 如何在Windows Phone 8.1应用程序中在C#和Javascript之间传递数据或通信
- 如何在Famo.us中的两个视图(不同的js文件)之间进行通信
- 在Jquery或Javascript中获取两个范围或日期之间的通信周数
- 如何在同源选项卡之间建立通信
- 如何在 PHP 和 JS 中的并发会话之间进行通信
- 如何在两个动画画布元素之间进行通信
- 在 HTML5 和 C# Web 套接字通信之间
- angularjs 中控制器和指令之间的通信
- 歌剧扩展脚本和它们之间的通信
- 如何使用js在两个aspx页面之间进行通信
- 多个应用程序之间的通信
- Socket.IO:如何在同一服务器中的Socket.on()事件之间通信/交换数据
- chrome扩展的浏览器操作、后台脚本和内容脚本之间通信的上下文和方法
- 使用PhoneGap/Cordova时应用程序和服务器之间通信的最佳实践
- 使用AJAX在两个JavaScript文件之间通信并发送数据