如何在IE8标准模式下检测窗口是否真的调整大小?

时间:2009-03-27 08:12:04

标签: javascript javascript-events internet-explorer-8

我的网站有许多样式表,可根据不同的屏幕宽度进行定制。在调整浏览器大小时,window.onresize事件会通过查看document.documentElement.clientWidth来检查实际调整大小。如果是这样,它会连续打开更大的样式表,直到出现滚动条。然后,它以相反的顺序关闭它们,直到滚动条消失。通过将offsetWidth与scrollWidth进行比较来检测滚动条。

在IE8中,两个新问题混淆了调整大小的检测。一,onresize会在滚动条出现或消失时触发,而两个d.dE.clientWidth报告宽度没有滚动条,从IE7和所有其他浏览器中断。我的网站现在经常被困在一个循环中,其中onresize逻辑激活一个更大的样式表,它创建滚动条,然后触发另一个无法过滤掉的resize事件,因为clientWidth由于滚动条出现或消失而发生了变化。如果IE8有像我可以检查的outerWidth那样,这将是一个微不足道的修复。

2 个答案:

答案 0 :(得分:3)

由于我从未在任何浏览器中处理触发onresize的滚动条生成,因此我没有意识到检查d.dE.clientWidth不是一个好的验证,事实上从来没有包含滚动条。我现在检查d.dE.offsetWidth,并过滤掉重复的onresize事件。

答案 1 :(得分:1)

你几乎肯定知道这一点 - 它并没有真正回答你的问题,因为它迫使IE8退出标准模式 - 但快速修复将是force IE8 into IE7 mode using an HTTP header