Лучший подход для определения пользователя iPad Safari

Question

Как лучше всего добавить код для обнаружения пользователя iPad Safari. Я имею в виду, мы должны использовать 1. CSS (через ссылочные СМИ ..) 2. JS (через навигатор объекта)

Я слышал, что использование строки user-agent - не лучший способ обнаружить iPad из-за несоответствий.

Пожалуйста, предложите. Спасибо.

---

У меня также есть дополнительный вопрос;

На самом деле код для обнаружения десктопа / iPad будет частью JSP (а не статического HTML-файла) ... Теперь в моем приложении более 200 страниц. Так где именно я должен добавить код для обнаружение и как именно я должен добавить его? Я имею в виду, я должен обновить где-нибудь в файле weblet.xml сервлета ..

Извините, что смешал 2 вопроса .. Но только что добавил сюда, так как оба вопроса связаны ..

Answer 1

У вас всегда есть iPad в пользовательском агенте.

Однако, если вы нацеливаетесь на iPad, чтобы вы могли по-разному показывать вещи, то медиа-запросы CSS - это, безусловно, путь вперед.

См. здесь , как ZeptoJS обнаруживает iPad в JS.

Чтобы настроить таргетинг на iPad в обеих ориентациях, сделайте следующее:

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