Question

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

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

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

Answer 1

两件事：

1。这可能是您要寻找的

    <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实例中使用的是响应：true参数吗？另外，您可能还需要使用maintenanceAspectRatio：true参数。

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

1 个答案: