窗口宽度更改时刷新页面

Question

当窗口宽度改变时，我正在尝试刷新页面，我正在研究并找到以下代码：

window.onresize = function(){ location.reload(); }

它可以正常工作，但是问题是，当用户使用Android设备时，在轻微滚动后地址栏被隐藏，页面会重新加载（地址栏处于打开状态），然后在另一次滚动并隐藏地址栏后重新加载再次。因此，这是永久性的重新加载。

我想知道是否有办法只改变窗口宽度。

Answer 1

在页面加载时获取窗口宽度，然后在调整大小时将窗口宽度与之比较并刷新页面

var w=0;
window.onload=function(){
w = window.innerWidth;
}
window.onresize = function(){ 
if(window.innerWidth!=w-10 //10 is the change of width after it refresh the page){
location.reload();
}