浏览器刷新屏幕尺寸

Question

如果屏幕尺寸改变宽度，我已实现此操作以强制重新加载屏幕。但是，它无法在Firefox中运行。在Safari和Chrome上正常工作。

jQuery(function($){
var windowWidth = $(window).width();

$(window).resize(function() {
    if(windowWidth != $(window).width()){
    location.reload();
    return;
    }
});
});

Answer 1

尝试使用history.go(0);

而不是location.reload()

你也可以尝试像

这样的东西

<a id="reload-page" style="display:none" href="javascript:history.go(0);"></a>

$('#reload-page').click();

Answer 2

浏览器很可能试图阻止可能的无限循环。在超时中包装你的重新加载就可以了。

jQuery(function($){
var windowWidth = $(window).width();

  $(window).resize(function() {
      if(windowWidth != $(window).width()){
        setTimeout(function() {
          location.reload();
          return;
        }, 1);
      }
  });
});