Apple对浏览器嗅探的建议

Question

Apple是否有任何建议使用任何技术进行浏览器嗅探（例如区分桌面IE / FF / Mobile Safari（即iPad））/其他平板电脑

我知道Apple希望我们避免使用User-agent。

媒体技术是否能够简单地区分iPad和Xoom？

<link rel="stylesheet" media="all and (min-device-width: 481px) and (max-device-width: 1024px)" href="ipad.css">  

Answer 1

您希望专注于检查浏览器的功能，而不是尝试检测设备/用户代理。这包括屏幕分辨率，JS支持，CSS支持等。

媒体查询只是众多技术中的一种，可以让您的网站在许多设备上正常运行。为了帮助您入门，以下是一些有用的资源：

• Modernizr - 一个JS库，可以检测浏览器功能并添加方便的CSS类和JS方法来检查这个
• "Mobifying" your HTML5 site - HTML5 Rocks - 关于各种技术的文章
• Yiibu - 概念验证，逐步增强的网站
• Using media queries in the real world - Broken Links - 一篇文章，宣传从准系统样式表开始，然后使用媒体查询在顶部添加额外的样式

Answer 2

请参阅Apple开发人员网络上的Optimizing Web Content。本文包括使用条件css来识别浏览器功能，以及Safari浏览器发送的各种用户代理字符串的差异。