在尝试确定多个div的高度时,与Safari检查员报告的内容相比,在计算网站的脚本负载时,我发现Safari(v10.1.1)产生的结果存在显着差异。到目前为止,这个问题还没有出现在Chrome或Firefox中。
在测试中,我只是针对一个有问题的div(它有一些子元素):
</body>
控制台为此特定div返回的结果为329,远大于预期。但是,当我查看Safari检查器中的节点时,clientHeight报告为175 - 这是预期的准确数字。同样,如果我直接在Safari的控制台命令行中运行相同的命令,则返回正确的数字。
通过一些进一步的测试,似乎我的样式表导致了问题,因为如果我暂时删除它,则返回的结果是准确的。
有没有人知道为什么会出现这种情况?我很惊讶Safari报告了正确的数字,除非在脚本加载时执行,以及为什么样式表可能会强制出现差异。脚本和样式表的加载顺序是否可能与问题有关?请注意,我在结束{{1}}
之前在页面底部加载我的脚本干杯,并提前感谢。