javascript - 如何在超过一定宽度阈值时刷新页面？

Question

我希望在用户的窗口大小达到 570 像素时刷新(重新加载)页面。我正在构建一个响应式网站并且需要这样做(我没有时间详细说明原因)。

基本上，我正在寻找的是当窗口大小超过 570 像素宽度时网页刷新一次(窗口变小时刷新一次，变大时刷新一次)。

我知道这并不理想，应该避免这种情况，但对于这个特定站点，它将解决我所有的问题。

Answer 1

我自己不会这样做，但您可以在页面加载(或准备好文档)时使用以下内容:

var threshold = 570;
var initialDiff = ($(window).width() > threshold) ? 1:-1;

$(window).on('resize',function(e){
    var w = $(window).width();
    var currentDiff = w - threshold;
    if(currentDiff*initialDiff < 0) {
        location.reload();
    }
});

这是双向的。看这个jsFiddle例如，当宽度超过阈值时，指示器 div 会突出显示。