#javascript #css #ipad #mobile-safari
#javascript #css #iPad #мобильный-safari
Вопрос:
Если я использую следующее для обнаружения пользователя iPad Safari, сработает ли это, если в будущем я попытаюсь обнаружить Motorola Xoom или другого пользователя планшета, который может иметь аналогичную ширину.
<link rel="stylesheet" media="all and (min-device-width: 481px) and (max-device-width: 1024px)" href="ipad.css">
Я имею в виду, как именно я буду идентифицировать другой планшет и использовать xoom.css или othertablet.css
Я знаю подход user-agent, но хотел бы избежать этого. Пожалуйста, дайте мне знать, возможно ли это реализовать, используя только медиа-запросы?
Комментарии:
1. Возможно ли различать настольный компьютер / ipad / другие планшеты (например, Xoom) с помощью обнаружения какой-либо функции?
Ответ №1:
Нет, вы не можете определить, какое конкретное устройство используется, на основе мультимедийных запросов (и вам не нужно, поскольку все они соответствуют одним и тем же стандартам)
Комментарии:
1. Итак, каков наилучший подход? Я знаю, что это можно сделать через user-agent, но слышал, что это не лучший способ обнаружения… Что вы думаете?
2. Не пытайтесь обнаруживать конкретные устройства, просто ищите возможности, иначе вы столкнетесь с бесконечным циклом попыток поддерживать каждое новое устройство или версию устройства, которое выпущено.
3. Что именно означает возможность? Я пытаюсь идентифицировать устройство / браузер, поскольку iPad Safari будет сильно отличаться от Opera на Xoom .. Верно?
4. Неправильно. Оба реализуют синтаксические анализаторы HTML и движки CSS.
5. То есть вы хотите сказать, что рендеринг будет одинаковым для страницы, независимо от того, просматривается ли она на iPad Safari или Xoom Opera? Есть ли какие-либо ссылки на это где-либо еще?
Ответ №2:
Мы начинаем разработку с использованием библиотек обнаружения Formfactor, таких как FormfactorJS — обратите внимание, я создал это.
Теоретически, используя один и тот же семантический HTML, вы можете специализировать свои CSS и Javascript для определенного класса устройств (смартфон, планшет, настольный компьютер и т.д.), В то же время осознавая адаптивный дизайн к индивидуальному профилю устройства с помощью медиа-запросов.
По крайней мере, хорошо то, что вы можете указать свои собственные алгоритмы обнаружения, так что вы можете обнаруживать разные типы устройств одного и того же класса (например, iPad или Xoom). В данном случае мы решили сделать это с помощью проверки UserAgent. Почему? потому что в зависимости от формфактора или типа устройства вы можете захотеть предложить оптимизированные возможности.