在面板中显示新的 html/网页

Question

我正在使用 addon-SDK 方法为 firefox 开发一个插件。我想知道在单击该 contentURL 中的链接时是否可以将该面板中显示的 html(contentURL) 更改为新网页。提前致谢。

Answer 1

Vignesh 这是接收点击的 url 的代码：

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)，您可以使其找到您的面板并将其 iframe 位置更改为该 url。我不确定如何使用 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;