javascript - 显示 "Unsupported"浏览器消息的最佳方式

Question

就目前情况而言，这个问题不太适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、民意调查或扩展讨论。如果您觉得这个问题可以改进并可能重新开放， visit the help center以获得指导。

已关闭 10 年前。

我们正在开发一个仅支持“现代”浏览器(基本上是 IE9 及更高版本，以及具有大致相同数量的现代功能的任何其他浏览器)的 Web 应用程序。

我们的网络应用程序也适用于平板电脑和智能手机等移动设备。

由于这是一个网络应用程序(而不是普通网站)，因此我们可以接受一些用户因某些依赖现代功能(即旧版浏览器)的高级功能而受到冷落。

但是，我们至少希望显示一条消息让他们知道。

我们希望维护两个列表:“支持的浏览器”和“不支持的浏览器”，以及第三个隐式列表“不支持的浏览器”(即，不支持的浏览器)。

• 如果浏览器位于受支持的列表中，我们将不会显示任何内容。
• 如果它位于“不支持”列表中，它将始终显示一条消息，内容为“此浏览器不受支持，请升级等等”。
• 如果浏览器不在其中任何一个中，它将显示一条消息(几乎可以永久忽略)，其中显示类似“此浏览器未直接针对我们的网站进行测试，某些功能可能无法按预期运行。如果您遇到任何问题，请报告等等”。

构建这个以及不构建什么都不是问题。然而，我想知道是否有一些网站/服务的 API 已经完成了这类事情，或者至少维护了我可以从中获取的浏览器列表。 (如果没有，我只是计划使用手动测试结合“我可以使用...”和 Modernizr 等网站的信息)。

有什么想法吗？

Answer 1

在网上浏览我看过的所有资源都表明，您基本上永远不应该使用浏览器检测。最好测试您所知道的不支持的浏览器中不存在的功能，而不是尝试查看用户代理字符串。

http://www.quirksmode.org/js/support.html (如果您想知道查看页面的浏览器是否支持您想要在代码中使用的某些对象，则永远不应该使用浏览器检测。)

http://api.jquery.com/jQuery.support/ (与其使用 $.browser 来检测当前用户代理并根据正在运行的浏览器更改页面呈现方式，不如使用功能检测。)

所以我认为您使用现代化工具的方法可能是最好的。