如何改变面板尺寸在像Chrome扩展Mozilla浏览器(How to change Panel S

面板尺寸是固定的SDK基础-附加

我想自动改变面板的大小有如铬词典扩展这里

如果将在面板搜索，它会显示类似的内容需求大与小的数据。 在Mozilla面板我们可以固定只有1型尺寸等的width:400px和height:400px等，但我想上的数据尺寸是指像铬扩展，面板尺寸应该根据。

Answer 1:

您可以在加载SDK上一点点额外的代码来实现这一点。

在main.js：

var panel = require("panel").Panel({
  contentURL: "https://bugzilla.mozilla.org/enter_bug.cgi?product=Add-on%20SDK",
  onShow: function() {
        let worker = tabs.activeTab.attach({
            contentScriptFile: [
                data.url('windowsize.js')
            ]
        });

        worker.port.on('winsize', function(data) {
            panel.resize((data.width-120), (data.height-120));
        });
        worker.port.emit('fetchwinsize');
  }
});

在内容脚本：

self.port.on('fetchwinsize', function() {
    self.port.emit("winsize", {height: window.innerHeight, width: window.innerWidth});
});

下面是这个工作的例子：

https://builder.addons.mozilla.org/package/150225/latest/

文章来源: How to change Panel Size in mozilla like chrome extension