gpt4 book ai didi

javascript - 为什么网页在 IE11 开发人员工具 IE8 用户代理和文档中呈现良好,而在 "real"IE8 中呈现混​​乱?

转载 作者:行者123 更新时间:2023-11-29 18:11:07 26 4
gpt4 key购买 nike

我正在经营一个网站: http://dev.stooza.co.za

我尝试支持多种浏览器,包括 IE8。在我开发它的同时,我已经使用 IE11 开发人员工具进行了测试,并将用户代理和文档模式切换到 IE8。它或多或少看起来不错,但现在,只有 Internet Explorer 的 IE8 的人告诉我该网站一团糟。不幸的是他是对的。我的问题是:为什么网站在使用 IE8 作为浏览器代理和浏览器模式的 IE11 开发人员工具中正确呈现,为什么设计在真正的 IE8 浏览器中完全困惑? CSS有问题吗?我没有发现 JavaScript 代码有任何问题。

最佳答案

您的网站在 IE 8 中看起来更差的主要原因之一是它在 Quirks 模式下加载。这可能是因为您放错了 <script>在您的文档类型声明上方标记:

<script type="text/javascript">
var selectedVarsity = 0;
var searchText = "";
var varName = "";
var selectedCampus = "";
</script>

<!DOCTYPE html>

您需要将其移动到 <head> 中为了使其有效。文档类型声明之前不能有空格或其他字符。

另一个观察是您对 Flexbox 的使用,直到 Internet Explorer 版本 10 才支持它。因此,当您直接依赖现代实践时,Internet Explorer 8 将无法理解如何正确布局您的元素,例如这个。

重要的是要注意现代版本的 Internet Explorer 中的文档模式切换并不是为了模拟旧版本的 Internet Explorer。 I recently blogged about this ,将文档模式与 A99 Aquata Breather 进行比较(如果您喜欢星球大战)。

如果您希望支持 Internet Explorer 8,您应该在 Internet Explorer 8 中进行开发,而不是事后才考虑。您可以从 http://modern.ie 下载免费的 IE 8 虚拟机。 ,或在浏览器中访问流式虚拟机 http://browserstack.com .

要简要了解 IE 8 和 IE 11 之间存在哪些类型的 CSS 支持差异,请参阅此 side-by-side comparison由 caniuse.com 提供。

关于javascript - 为什么网页在 IE11 开发人员工具 IE8 用户代理和文档中呈现良好,而在 "real"IE8 中呈现混​​乱?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27305403/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com