使用功能检测而不是用户代理测试来测试 IE6

发布于 2024-10-17 07:12:56 字数 476 浏览 9 评论 0原文

我将 html5boilerplate 与 Modernizr 库一起使用。我的应用程序是使用 jQuery 构建的。 Modernizr 和 jQuery 都内置了功能检测，但我的理解是 Modernizr 更完整。我计划使用 Modernizr 进行功能检测，除非有充分的理由使用 jQuery。

我的应用程序仅适用于更现代的浏览器（例如 IE7+、Firefox、Chrome、Safari 和较新的 Opera），但它在 IE6 中仍然可以正常工作。我想确保用户在使用 IE6 等较旧的浏览器时会看到一个很大的警告。如果他们尚未使用 Chrome 或其他一些兼容 HTML5 的浏览器，我还想显示升级到它们的“建议”。

我不想使用用户代理测试。

是否有我应该测试的特定功能列表，以确定用户是否使用 IE6？
是否有我应该测试的特定功能列表，以确定用户是否使用相当兼容的 HTML5 浏览器（Chrome、Safari、IE9 等）进行浏览

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

画中仙 2024-10-24 07:12:56

您说您正在使用 HTML5Boilerplate。在index.html的最顶部是这样的：

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js">

所以使用jQuery，计划旧的javascript甚至css来简单地测试html上的ie6类是否存在。

<style>
.upgrade-notice { display: none; }
.ie6 .upgrade-notice { display: block; }
</style>

<div class="upgrade-notice"><h1>Please upgrade your browser</h1></div>

You say you're using HTML5Boilerplate. At the very top of the index.html is this:

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js">

So using jQuery, plan old javascript or even css to simply test for the existence of the ie6 class on html.

<style>
.upgrade-notice { display: none; }
.ie6 .upgrade-notice { display: block; }
</style>

<div class="upgrade-notice"><h1>Please upgrade your browser</h1></div>

回复收藏 0 原文

绅刃 2024-10-24 07:12:56

使用条件注释进行 IE 版本测试。

<!--[if lt IE 7]><script>window.location='/main/unsupported_browser';</script><![endif]-->

至于其余的，您应该只测试您使用的功能，并且仅在使用它们时进行测试。这样您就可以优雅地降级，并且不会意外阻止正常运行的浏览器。

Use conditional comments for IE version testing.

<!--[if lt IE 7]><script>window.location='/main/unsupported_browser';</script><![endif]-->

As for the rest you should only test for features you use and only when you use them. That way you will degrade gracefully and won't accidently block a browser that works.

回复收藏 0 原文

~没有更多了~