Firefox 扩展弹出窗口不会调整大小
Firefox extension popup won't resize
我正在努力将扩展从 Chrome 移植到 Firefox。弹出窗口有几个可以显示的不同大小的元素。我 运行 遇到的问题是当元素更改或 body
调整大小时显示弹出窗口的 'window' 不会调整大小。
这个问题在 chrome 中似乎不存在,有谁知道我做错了什么或者这是 Firefox 中的错误?我在下面包含了更改正文大小的代码,这在 chrome 中有效,但在 Firefox 中似乎无效。
$('body').ready(function(){
$('body').animate({
'width':500,
'height':500
},500);
});
我也用 $('body').css()
尝试过这个,以防 animate()
是问题所在,但都不起作用。
此外,如果我向 body
添加背景并缩小它,那么可以看到背景的大小发生变化,而包含 window 的大小没有发生变化。
编辑:
添加更多信息以澄清问题
该扩展是一个 WebExtension 插件(https://developer.mozilla.org/en-US/Add-ons/WebExtensions)
manifest.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"
}
}
}
popup.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.
内按预期工作(弹出调整大小)
看起来这实际上是 Firefox 中的错误,正在解决
我正在努力将扩展从 Chrome 移植到 Firefox。弹出窗口有几个可以显示的不同大小的元素。我 运行 遇到的问题是当元素更改或 body
调整大小时显示弹出窗口的 'window' 不会调整大小。
这个问题在 chrome 中似乎不存在,有谁知道我做错了什么或者这是 Firefox 中的错误?我在下面包含了更改正文大小的代码,这在 chrome 中有效,但在 Firefox 中似乎无效。
$('body').ready(function(){
$('body').animate({
'width':500,
'height':500
},500);
});
我也用 $('body').css()
尝试过这个,以防 animate()
是问题所在,但都不起作用。
此外,如果我向 body
添加背景并缩小它,那么可以看到背景的大小发生变化,而包含 window 的大小没有发生变化。
编辑: 添加更多信息以澄清问题
该扩展是一个 WebExtension 插件(https://developer.mozilla.org/en-US/Add-ons/WebExtensions)
manifest.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"
}
}
}
popup.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.
内按预期工作(弹出调整大小)看起来这实际上是 Firefox 中的错误,正在解决