使用 Firefox 调整大小时刷新页面

Question

我有一个页面，其中包含一些使用 chart.js 制作的图表。如果我使用 chrome，每次调整页面大小时图表都会调整大小。但是，对于 Firefox，这不起作用，要使用 Mozilla 调整大小，我需要按 crtl+F5 按钮。我想从代码中做到这一点。我在Whosebug中找到了一些解决方案，我选择使用这个：

<script>
    if (window.onresize){
    window.location.reload(true);
    }
    </script>

我是在关闭标签之前写的。但是，使用此代码，firefox 会不停地连续刷新页面。有人可以帮助我吗？谢谢！

Answer 1

两件事：

1.This 可能就是您要找的

    <script>
    var t=0,resizing=false;
    function _reload()
    {
      resizing=false;
      window.location.reload(true);
    }
    window.addEventListener('resize',function(){
      if(!resizing){
        resizing=true;
        t=setTimeout(_reload, 2000);
      }
    });
  </script>

在使用它之前，您能否确保在您的 chart.js 实例中您使用的是 responsive:true 参数？此外，您可能还需要使用 maintainAspectRatio: true 参数。

使用 Firefox 调整大小时刷新页面

Refresh page when resize using Firefox

firefox

resize

reload