我正在将扩展从 Chrome 移植到 Firefox。弹出窗口有几个可以显示的不同大小的元素。我遇到的问题是当元素更改或body调整大小时，显示弹出窗口的“窗口”不会调整大小。
这个问题似乎在 chrome 中不存在，有谁知道我做错了什么或者这是 Firefox 中的错误？我在下面包含了更改正文大小的代码，这适用于 chrome，但似乎不适用于 Firefox。
$('body').ready(function(){
$('body').animate({
'width':500,
'height':500
},500);
});
我也试过这个，$('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"
}
}
}
弹出窗口.htm
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type=text/javascript src="js/jquery.js"></script>
<script type=text/javascript src="js/popup.js"></script>
</head>
<style>
body{
width:200px;
height:200px;
border:1px solid black;
}
</style>
<body>
<button id=reset type=button>200x200px</button>
<button id=shrink type=button>100x100px</button>
</body>
</html>
js/popup.js
$('body').ready(function (){
$('#reset').bind('click',function(){
$('body').css({
width:200,
height:200
});
});
$('#shrink').bind('click',function(){
$('body').css({
width:100,
height:100
});
});
});
加载上述扩展程序后，弹出窗口以其初始大小 (200x200) 正确显示。但是，当调整正文大小时，弹出窗口的大小不会更新。同样的扩展在 Chrome 中按预期工作（弹出调整大小）。