Notwendigkeit, xul-basierten Frame in Firefox Erweiterung erstellen mit Xul erstellen

Question

Ich möchte Xul-basierte Frame in einer meiner Firefox-Erweiterung erstellen. Der Rahmen sollte so aussehen https://developer.mozilla.org/en-US/Add-ons/SDK/Low-Level_APIs/ui_frame

oder

wie unten Knoten js Code in xul verwenden:

var { Frame } = require("sdk/ui/frame"); 
var frame = new Frame({ 
    url: "./city-info.html" 
}); 

In node.js, seine Arbeit gut, aber ich weiß nicht, wie das gleiche schaffen Ding mit Xul. Jeder kann helfen?

danke im voraus.

Answer 1

Sie haben sehr wenig Details angegeben, was Sie wünschen. Wenn alles, was Sie wünschen, ist eine , in dem erstellen Sie HTML-Inhalte laden können, dann etwas entlang der Linien der folgenden tun so:

//The URL of the HTML you desire to load. 
let chromeUrl = '[Some URL here]'; 
//Whatever element you want the iframe placed under. 
let parentEl = document.getElementById('foo'); 

//* Overlay and bootstrap (from almost any context/scope): 
Components.utils.import('resource://gre/modules/Services.jsm');//Services 
let activeWindow = Services.wm.getMostRecentWindow('navigator:browser'); 
//*/ 
let mainDocument = activeWindow.document; 

//Create the <iframe> use 
//mainDocument for the XUL namespace. 
let iframeEl; 
if(options.useBrowser){ 
    iframeEl = mainDocument.createElement('browser'); 
} else { 
    iframeEl = mainDocument.createElement('iframe'); 
} 
iframeEl.id = id; 
iframeEl.setAttribute('src',chromeUrl); 
iframeEl.setAttribute("tooltip", "aHTMLTooltip"); 
iframeEl.setAttribute("autocompleteenabled", true); 
iframeEl.setAttribute("autocompletepopup", "PopupAutoComplete"); 
iframeEl.setAttribute("disablehistory",true); 
iframeEl.setAttribute('type', 'content'); 
parentEl.appendChild(iframeEl); 

Der obige Code von my answer to Firefox SDK Add-on with a sidebar on both the right and left at the same time genommen wurde, die Sidebars schafft. Eine Möglichkeit, wie diese Seitenleisten erstellt werden, besteht darin, dass sie eine enthalten.

Answer 2

Schließlich bekam ich die Antwort:

let chromeUrl = 'YOUR HTML PAGE URL'; 
         Components.utils.import('resource://gre/modules/Services.jsm');//Services 
         let activeWindow = Services.wm.getMostRecentWindow('navigator:browser'); 
         //*/ 
         let mainDocument = activeWindow.document; 

         let iframeEl; 
         iframeEl = mainDocument.createElement('iframe'); 

         iframeEl.id = "d"; 
         iframeEl.setAttribute('src',chromeUrl); 
         iframeEl.setAttribute("tooltip", "aHTMLTooltip"); 
         iframeEl.setAttribute("autocompleteenabled", true); 
         iframeEl.setAttribute("autocompletepopup", "PopupAutoComplete"); 
         iframeEl.setAttribute("disablehistory",true); 
         iframeEl.setAttribute('type', 'content'); 
         iframeEl.setAttribute('height', '32px'); 

         window.document.documentElement.appendChild(iframeEl);