Firefox 扩展弹出窗口不会调整大小

Eta*_*tag 6 html javascript firefox firefox-addon firefox-addon-webextensions

我正在努力将扩展程序从 Chrome 移植到 Firefox。弹出窗口有几个可以显示的不同大小的元素。我遇到的问题是,当元素发生更改或调整大小时,body弹出窗口显示的“窗口”不会调整大小。

这个问题在 Chrome 中似乎不存在,有谁知道我做错了什么或者这是 Firefox 中的错误?我已经在下面添加了更改正文大小的代码,这在 Chrome 中有效,但在 Firefox 中似乎不起作用。

$('body').ready(function(){
  $('body').animate({
    'width':500,
    'height':500
  },500); 
});
Run Code Online (Sandbox Code Playgroud)

我也尝试过这个,以防$('body').css()万一animate()出现问题,但都不起作用。

此外,如果我添加背景并将body其缩小,则可以看到背景大小发生变化,而包含窗口的大小却没有变化。

编辑: 添加更多信息以澄清问题

该扩展是一个 WebExtension 附加组件 ( https://developer.mozilla.org/en-US/Add-ons/WebExtensions )

清单.json

{
  "manifest_version": 2,
  "browser_action": {
    "default_popup": "popup.htm"
  },
  "description": "Example extension",
  "icons": {
    "128": "example.png"
  },
  "name": "Example Extension",
  "version": "1",
  "applications":{
    "gecko":{
      "id":"example@example.com"
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

弹出窗口.htm

$('body').ready(function(){
  $('body').animate({
    'width':500,
    'height':500
  },500); 
});
Run Code Online (Sandbox Code Playgroud)

js/popup.js

{
  "manifest_version": 2,
  "browser_action": {
    "default_popup": "popup.htm"
  },
  "description": "Example extension",
  "icons": {
    "128": "example.png"
  },
  "name": "Example Extension",
  "version": "1",
  "applications":{
    "gecko":{
      "id":"example@example.com"
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

加载上述扩展后,弹出窗口将正确显示其初始大小 (200x200)。但是,当调整正文大小时,弹出窗口的大小不会更新。这个扩展在 Chrome 中按预期工作(弹出窗口调整大小)。

Eta*_*tag 4

看起来这实际上是 Firefox 中的错误,正在解决

https://bugzilla.mozilla.org/show_bug.cgi?id=1215025