在面板中顯示一個新的html /網頁

Question

我正在使用addon-SDK方法開發Firefox的插件。我想知道，無論如何，只要點擊該contentURL中的鏈接，就可以將該面板中顯示的html（contentURL）更改爲新的網頁。提前致謝。

Answer 1

維涅什這裏的接收網址點擊代碼：

https://developer.mozilla.org/en-US/Add-ons/SDK/High-Level_APIs/panel#Scripting_panel_content

var myScript = "window.addEventListener('click', function(event) {" + 
       " var t = event.target;" + 
       " if (t.nodeName == 'A')" + 
       " self.port.emit('click-link', t.toString());" + 
       "}, false);" 

var panel = require("sdk/panel").Panel({ 
    contentURL: "http://www.bbc.co.uk/mobile/index.html", 
    contentScript: myScript 
}); 

panel.port.on("click-link", function(url) { 
    console.log(url); 
}); 

panel.show(); 

，那麼你可以更改爲，而不是執行console.log（URL），你可以把它找到你的面板和將其iframes位置更改爲該網址。我不知道如何用sdk方法做到這一點，也許別人可以分享。我會嘗試這樣做，雖然：

panel.port.on("click-link", function(url) { 
    panel.contentURL = url; 
}); 

編輯： panel.contentURL = url可能無法正常工作，所以你必須做這樣的：

const { getMostRecentBrowserWindow } = require('sdk/window/utils'); 
var aXULBrowser = getMostRecentBrowserWindow(); 
aXULBrowser.getElementById('ID OF YOUR PANEL, probably same as id to your widget here').getElementsByTagName('iframe').contentWindow.location = url;