编程语言
首页 > 编程语言> > javascript-Firefox扩展弹出窗口不会调整大小

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

作者:互联网

我正在将扩展程序从Chrome移植到Firefox.弹出窗口有几个不同大小的元素可以显示.我遇到的问题是更改元素或调整主体大小时,弹出窗口显示在其中的“窗口”没有调整大小.

chrome中似乎不存在此问题,有人知道我在做什么错吗,或者这是Firefox中的错误吗?我已经在下面包含了更改正文大小的代码,该代码在chrome中有效,但在Firefox中似乎无效.

$('body').ready(function(){
  $('body').animate({
    'width':500,
    'height':500
  },500); 
});

我也尝试过使用$(‘body’).css()来解决这个问题,以防animate()成为问题,但这两个都不起作用.

此外,如果我向主体添加背景并进行收缩,则可以看到背景的大小发生了变化,而没有包含窗口的大小发生了变化.

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

该扩展是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
    });
  });
});

加载上述扩展名后,弹出窗口会正确显示其初始大小(200×200).但是,调整主体大小时,弹出窗口的大小不会更新.此相同的扩展程序在Chrome中可以按预期工作(弹出式窗口会重新调整大小).

解决方法:

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

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

标签:firefox,firefox-addon,firefox-webextensions,html,javascript
来源: https://codeday.me/bug/20191118/2031927.html