Определение телефона и планшета
Есть ли способ определить, использует ли пользователь планшет или телефон? ? Например, человек, просматривающий веб-страницы с помощью планшета (любого планшета Android с версией 3+ и iPad), наверняка захочет просмотреть ту же не урезанную версию, что и человек, сидящий за настольным компьютером. И пользователь телефона наверняка предпочтет урезанную версию сайта, потому что она быстрее загружается и может быть легче перемещаться большим пальцем. Это можно сделать, проверив ширину экрана в октах userAgent, которую можно найти здесь:
Как лучше всего определить мобильное устройство в jQuery?
Но проблема возникает с телефоном, таким как Google Galaxy Nexus, который имеет то же разрешение, что и планшет, но только половина размера экрана. На мой взгляд, было бы лучше показать мобильную версию, так как экран маленький, хотя разрешение высокое.
Есть ли способ обнаружить это или мне нужно идти на компромисс?
1 ответ
По предложению Google: найден здесь (на него также ссылается Грег), это то, что я использовал в проектах ранее.
if (/mobile/i.test(navigator.userAgent) && !/ipad|tablet/i.test(navigator.userAgent)) {
console.log("it's a phone"); // your code here
}
Возможно, это не самое элегантное решение ... но оно делает свою работу.