Рекомендация Apple по анализу браузера

Question

Есть ли у Apple какие-либо рекомендации по использованию какой-либо техники для прослушивания браузера (например, чтобы различать настольный IE / FF / Mobile Safari (например, iPad)) / другие планшеты

Я знаю, что Apple хочет, чтобы мы избегали использования Пользователя-агент для того же.

Является ли медиа-техника надежной способ различить 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 для проверки этого
• «Мобификация» вашего сайта HTML5 - HTML5 Rocks - Статья о различных техниках
• Yiibu - подтверждение концепции, прогрессивно улучшенный сайт
• Использование медиазапросов в реальном мире - Broken Links - Статья, в которой предлагается начать с базовой таблицы стилей, а затем использовать медиазапросы для добавления дополнительных стилей поверх

Answer 2

См. Оптимизация веб-контента в сети разработчиков Apple.Эта статья включает использование условного CSS для определения возможностей браузера и различия в различных строках пользовательских агентов, отправляемых браузерами Safari.