Я работаю над переносом расширения из 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)
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":"[email protected]"
}
}
}
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.