使用'navigator.appName”和'navigator.appVersion”检测旧版 IE 版本可靠吗？-js教程-PHP中文网

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

Mary-Kate Olsen

发布： 2024-11-06 14:54:02

原创

923 人浏览过

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中文网其他相关文章！