附加組件生成器：ContentScript並返回到插件代碼？

Question

我使用的Firefox插件Builder和這裏是我到目前爲止有：

main.js：

var widgets = require("widget"); 
var tabs = require("tabs"); 
var data = require("self").data; 

var widget = widgets.Widget({ 
    id: "div-show", 
    label: "Show divs", 
    contentURL: "http://www.mozilla.org/favicon.ico", 
    onClick: function() { 
    tabs.activeTab.attach({ 
     contentScriptFile: [data.url("jquery.js"), data.url("myScript.js")] 
    }); 
    } 
}); 

myScript.js

var first = $(".avatar:first"); 
var url = first.attr("href"); 

現在我堅持如何讓url變量傳遞迴main.js，以便它可以在新選項卡中打開url。從myScript.js中，我無法訪問在main.js中聲明的tabs對象。

Answer 1

當然！ Attach方法返回您可以用它來建立一個事件處理程序一個工人實例：

// main.js 
var widgets = require("widget"); 
var tabs = require("tabs"); 
var data = require("self").data; 

var widget = widgets.Widget({ 
    id: "div-show", 
    label: "Show divs", 
    contentURL: "http://www.mozilla.org/favicon.ico", 
    onClick: function() { 
    var worker = tabs.activeTab.attach({ 
     contentScriptFile: [data.url("jquery.js"), data.url("myScript.js")] 
    }); 
    worker.port.on('got-url', function(data) { 
     tabs.open(data.url); 
    }); 
    } 
}); 

// myScript.js script: 
var first = $(".avatar:first"); 
var url = first.attr("href"); 
self.port.emit('got-url', {url: url}); 

更多相關信息，請參閱該文檔的附加方法：

https://addons.mozilla.org/en-US/developers/docs/sdk/1.5/packages/addon-kit/docs/tabs.html#attach%28options%29

...以及內容腳本指南：

https://addons.mozilla.org/en-US/developers/docs/sdk/1.5/dev-guide/addon-development/web-content.html

警告：沒有運行這段代碼，但它應該工作。