FirefoxアドオンSDKのポップアップ/パネルのサイズを変更するにはどうすればよいですか？ FirefoxアドオンSDKのポップアップ/パネルが小さすぎる

Question

Firefoxのtutorial on creating a popup for an add-onに続き、うまくいきました。

私が今行っている問題は、作成するポップアップが、追加するコンテンツに合わせてサイズを変更しないということです。代わりに、スクロールバーを追加します。

FirefoxアドオンSDKのポップアップのサイズを変更してすべてのコンテンツを表示するにはどうすればよいですか？

Answer 1

あなたはそれに対処する必要があります。

パネルを作成するときに希望するサイズがわかっている場合は、オブジェクトのプロパティとしてheightとをPanel()コンストラクタに渡すことができます。

パネルが作成された後、パネルのサイズはheightとwidthのプロパティを設定することで変更できます。

heightおよびの値はピクセル単位の数値です。

パネルの使用方法の詳細は、https://developer.mozilla.org/en-US/Add-ons/SDK/High-Level_APIs/panelを参照してください。

Answer 2

チュートリアルとドキュメントでは決して言いませんが、パネルの高さと幅のデフォルトは常に同じ小さなサイズです。

変更するにはheight and width parameters for the panel classを使用します。

あなたはそれを自動的に変更したい場合は、このコードを使用することができます：あなたがパネルを持ってする方法について尋ねている場合

//index.js 
var panel = require("sdk/panel").Panel({ 
    height: 200, //choose your default 
    width: 200, 
    contentURL: data.url("popup.html"), 
    contentScriptFile: data.url("auto_resize_popup.js") 
}); 

panel.port.on("resize", function (size) { 
    console.log(size); 
    panel.resize(size.width, size.height); 
}); 

...

//auto_resize_popup.js 

    var content = document.body; 
    var size = {}; 
    size.width = content.offsetWidth + 2; //2 extra pixels get rid of scroll bars 
    size.height = content.offsetHeight + 2; 
    self.port.emit("resize", size);