4

мне интересно знать, как проверить iPhone, IPad и других мобильных браузеров (JavaScript или CSS)Обнаружение мобильных браузеров в Интернете?

Edit:.

Не строку агента пользователя, пожалуйста. Это может быть фальшивка.

Возможные Повторные:

+0

Возможный дубликат [Стандартный способ обнаружения мобильных браузеров в веб-приложении на основе http-запроса] (http: // stackoverflow.com/questions/142273/standard-way-to-detect-mobile-browsers-in-a-web-application-based-on-the-http-req) –

+2

Так что, если его можно подделать? Если в этом случае, чем намерение пользователей, в любом случае необходимо было просматривать веб-страницы. – Andrew

+0

Боюсь, нет другого способа обнаружить браузер, кроме чтения его строки пользовательского агента. –

ответ

2

В основном вы проверяете User Agent String

см http://www.hand-interactive.com/resources/detect-mobile-javascript.htm

Detect iPhone:

navigator.userAgent.toLowerCase().search("iphone") > -1 

В общем случае обнаружение функции лучше, чем обнаружение браузера, лучше знать, что может сделать браузер пользователя, чем то, что он с помощью. Modernizer - хороший инструмент для этого.

+0

Будет ли приведенный выше код работать и для iPad? – Moshe

+0

@Moshe № Изменить iPhone на iPad для обнаружения iPad – Adam

7

Я хотел бы использовать WURFL. Это xml-база с открытым исходным кодом на более чем 10000 мобильных устройствах, которая будет обнаруживать (почти всегда) возможности вашего мобильного телефона и браузера с учетом значения HTTP-заголовка user-agent.

Вы получите информацию, как:

  1. Размер экрана
  2. XHTML/HTML уровня поддержки
  3. Графический тип поддержки

многие другие.

Существуют интерфейсные API-интерфейсы для популярных языков, таких как PHP, Java и .NET, поэтому вам не придется самостоятельно обращаться к базе данных XML.

0

Использование Javascript для обнаружения HTTP User Agent - причудливое термин для названия браузера

1

Использование Modernizr - http://modernizr.com/

Modernizr является сценарий JS, который проверяет браузер для различных HTML5 и CSS3 возможностей при загрузке страницы. Вы можете посмотреть в объекте Modernizr JS или использовать классы, которые он добавляет к элементу HTML. Если присутствует «touch» класса, у вас есть сенсорное устройство; в противном случае класс не трогает. После этого вы можете сделать это в CSS

.touch .myElement { /* touch device styles */ } 

.no-touch .myElement { /* regular browser styles */ } 

тестирует возможности браузеров гораздо более полезным и будущее доказательство того, что нюхают для пользовательских агентов. Таким образом, для каждой функции CSS3, которую вы хотите добавить, вы можете легко написать резервную копию, как я покажу здесь.

Смежные вопросы