在«面板»上顯示當前頁面的URL和標題»

Question

如何顯示在«面板»標題和URL當前頁面？

我的問題是對port.emit，port.on的誤解。

UPD：

號 「稱號」 面板中， 「標題」 當前頁面。

main.js

var pa   = require("sdk/panel"); 
var se   = require("sdk/self"); 
// ... 
var panel = pa.Panel({ 
    width: 400, 
    height: 350, 
    contentURL: [ 
     se.data.url("./popup.html")], 
    contentScriptFile: [ 
     se.data.url("popup.js"), 
     se.data.url("./js/jquery-2.1.0.min.js"), 
     se.data.url("./js/bootstrap.min.js")], 
    contentStyleFile: [ 
     se.data.url("./css/bootstrap.min.css"), 
     se.data.url("./css/font-awesome.min.css")], 
    onHide: handleHide 
}); 
// ... 

popup.js

var url_page, title_page; // No document.title or document.location 

console.log(url_page); 
console.log(title_page); 

謝謝您的幫助。

Answer 1

在main.js：

var pa   = require("sdk/panel"); 
var se   = require("sdk/self"); 
var tabs = require('sdk/tabs'); 
var panel = pa.Panel({ 
    width: 400, 
    height: 350, 
    contentURL: [ 
     se.data.url("./popup.html")], 
    contentScriptFile: [ 
     se.data.url("popup.js"), 
     se.data.url("./js/jquery-2.1.0.min.js"), 
     se.data.url("./js/bootstrap.min.js")], 
    contentStyleFile: [ 
     se.data.url("./css/bootstrap.min.css"), 
     se.data.url("./css/font-awesome.min.css")], 
    onHide: handleHide, 
    onShow: function() { 
     this.port.emit('show', { 
     url: tabs.activeTab.url, 
     title: tabs.activeTab.title 
     }) 
    } 
}); 

在popup.js補充：

self.port.on('show', ({ url, title }) => { 
    console.log(url); 
}) 

Answer 2

你可以這樣說：

const { getMostRecentBrowserWindow } = require('sdk/window/utils'); 
var aDOMWindow = getMostRecentBrowserWindow(); 
if (aDOMWindow.gBrowser) { 
    var url = aDOMWindow.gBrowser.contentDocument.location; 
    var title = aDOMWindow.gBrowser.contentDocument.title; 
} else { 
    var url = aDOMWindow.document.location; 
    var title = aDOMWindow.document.title; 
}