在使用JavaScript调整大小时检查浏览器大小

在使用JavaScript调整大小时检查浏览器大小,javascript,jquery,Javascript,Jquery,我必须根据jQuery浏览器的大小来设置不同的页面样式。然而,当用户将页面变大时,我们就只能使用jQuery了,而jQuery本来应该用于较小的屏幕 我无法使用媒体查询,因为某些元素的样式为.width() 如果浏览器的大小超过或低于某个特定的大小,询问resize的最佳方法是什么?调用resize是否存在许多性能问题(假设它一秒钟被调用多次?使用jQuery,您可以获得宽度和高度 $( window ).resize(function() { var width = $(window)

我必须根据jQuery浏览器的大小来设置不同的页面样式。然而,当用户将页面变大时,我们就只能使用jQuery了,而jQuery本来应该用于较小的屏幕

我无法使用媒体查询,因为某些元素的样式为
.width()


如果浏览器的大小超过或低于某个特定的大小,
询问resize的最佳方法是什么?调用resize是否存在许多性能问题(假设它一秒钟被调用多次?

使用jQuery,您可以获得宽度和高度

$( window ).resize(function() {
    var width = $(window).width();
    var height = $(window).height();
});
$(window).resize(function() {
    var width = $(window).width();
    var height = $(window).height();
});

我建议不要只挂接窗口调整大小事件,而应该限制/取消大小调整事件以避免性能问题

“去抖动”解释如下: 节流是指减少重复事件的速率。节流 有助于将mousemove事件减少到一个较小的、可管理的速率, 比如说

去抖动更精确。去Bouncing可确保恰好一个 为可能发生多次的事件发送信号-或 甚至在很长的一段时间内会出现数百次。只要 事件发生的速度足够快,每一天至少发生一次 检测期间,信号将不被发送

资料来源:

代码: 代码(无耻地)取自:


(摘自上述链接/博客文章中的评论)

您可以像这样查找调整大小事件,并获得宽度和高度

$( window ).resize(function() {
    var width = $(window).width();
    var height = $(window).height();
});
$(window).resize(function() {
    var width = $(window).width();
    var height = $(window).height();
});
从这里开始


至于您关于性能的问题,这取决于浏览器。一些人等待调整大小停止,另一些人在更改发生时提供一个运行提要。

听起来这可能是最好的。可以给我一个例子,或者链接到一个源吗?我不明白为什么实际上使用计时器而不是调整大小的方法更好。与性能有关吗?