首页 > 文章 > web前端 > 使用“navigator.appName”和“navigator.appVersion”检测旧版 IE 版本可靠吗？

使用“navigator.appName”和“navigator.appVersion”检测旧版 IE 版本可靠吗？

Mary-Kate Olsen原创: 2024-11-06 14:54:02826浏览

Is Using `navigator.appName` and `navigator.appVersion` Reliable for Detecting Older IE Versions?

在 JavaScript 中检测 IE 版本（v9 之前的版本）

检测标准和建议代码

要确定用户是否正在使用 v9 之前的 Internet Explorer 版本访问网站，建议代码利用了 navigator.appName 和 navigator.appVersion 属性。

if (navigator.appName.indexOf("Internet Explorer") != -1) {
    // User is using IE
    // Check for IE version < 9
}

这段代码可以解决问题吗？

尽管解决了有关用户代理字符串欺骗的问题和特征支持检测，建议的代码有几个限制：

条件语句：虽然条件语句对于针对不同的 IE 版本很有用，但它们仅在 IE5-9 中受支持，因此这种方法在现代浏览器中已过时。
精度（IE 1 和 IE 10 ）： 代码无法检测 IE 1 和大于或等于 10 的 IE 版本。
完整性：代码仅检查 IE 版本小于 9，忽略潜在的边缘情况。

首选替代方案

为了克服这些限制，更全面的方法涉及使用基于 CSS 类的检测：

定义代表不同 IE 版本的 CSS 类，例如：

html.lt-ie9 { ... }
html.lt-ie8 { ... }
html.lt-ie7 { ... }

应用这些类到基于检测到的 IE 版本的元素：

<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>    <html class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>    <html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html> <!--<![endif]-->

使用 CSS 指定特定于检测到的 IE 版本的样式，或基于指定的类实现 JavaScript 逻辑：

if ($('html').is('.lt-ie7, .lt-ie8, .lt-ie9')) {
    // IE version < 9
} else {
    // Other browsers
}

此方法为处理不同的浏览器版本提供了更大的灵活性、兼容性和控制力。

以上是使用“navigator.appName”和“navigator.appVersion”检测旧版 IE 版本可靠吗？的详细内容。更多信息请关注PHP中文网其他相关文章！

JavaScript css less html edge String define if for while using class Conditional this

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：Why are my event handlers receiving values from the last loop iteration in dynamically created elements?下一篇：How to Eliminate Multiple Spaces in a String with Regex?

查看更多