如何在浏览器resize时刷新屏幕？

是否可以刷新浏览器大小更改页面？ 我使用一些在页面上创建区域的样式，如果浏览器按比例缩小布局中断。

也许我可以用jQuery检测文档大小的变化？

Answer 1

立即查看此内容的任何人都可以 JQuery现在认为绑定一个已弃用的函数。

而proximus的响应方式（至少在Opera / Chrome / Firefox中），即使浏览器只是坐在那里，它也会不断轮询resize。 看来resize函数在命中location.reload（）时会自动调用，导致它达到无限循环。 这就是我拉到一起解决问题的方法。

jQuery(function($){ var windowWidth = $(window).width(); var windowHeight = $(window).height(); $(window).resize(function() { if(windowWidth != $(window).width() || windowHeight != $(window).height()) { location.reload(); return; } }); }); 

Answer 2

这是一个纯粹的JS解决方案，因为我认为将jQuery用于所有事情是不公平的。

 window.addEventListener('resize', function () { "use strict"; window.location.reload(); }); 

缺点是它不能在早于9的IE“浏览器”中工作。

Answer 3

如果您正在寻找一个jQuery解决方案，您可以使用以下内容：

 $(window).bind('resize', function() { location.reload(); }); 

也许有意义的是额外使用超时……

Answer 4

 $(window).resize( function() { window.location.href = window.location.href; }); 

这个对我有用！

Answer 5

简单。 这不会每x秒发送一个事件的多个事件。 接受的答案会引发太多事件

 var resizeTimeout; window.addEventListener('resize', function(event) { clearTimeout(resizeTimeout); resizeTimeout = setTimeout(function(){ window.location.reload(); }, 1500); }); 

对于jQuery替换window.addEventListener('resize'与$(window).resize

Answer 6

每当窗口resize时，您都可以使用onresize挂钩重新加载页面

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

Answer 7

您可以收听onresize活动：

https://developer.mozilla.org/en/DOM/element.onresize

Answer 8

只需使用此代码

 $(window).resize( function() { window.location.href = window.location.href; }); 

希望它有用

Answer 9

如果有人拖动窗口来resize，则会出现问题 – resize事件太多。

最好使用计时器来清理它：

 $(window).on('resize', function () { if (timeoutId) { clearTimeout(timeoutId); } timeoutId = setTimeout(function () { location.reload(); }, 500); });