浏览器刷新屏幕尺寸

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);
      }
  });
});