У меня есть некоторые (большие) веб-приложения ASP.NET, которые люди начинают посещать с помощью смартфонов.
Я ищу способы определить, на каком устройстве они находятся, и внести простые изменения.к интерфейсу, что-то вроде:
О!Ты айфон!Хорошо, давайте просто сожмем заголовок страницы - заголовок, логотипы и прочее - и немного увеличим размер шрифта и кнопок.
Я смотрел на использование ASP.NET или jQuery для определения того, чтоустройство, с которым они просматривают, затем измените стили на стороне клиента (используя несколько операторов jQuery, или добавив дополнительный файл .css, или изменив материал на главной странице, если мне действительно нужно).
Проблемы:
Как обнаружить? Я подумал, что это легко: разрешение окна браузера.Но все не так просто: у более новых смартфонов теперь есть несколько экранов с высоким разрешением, а у нетбуков - довольно низкие.Так что, если бы я просто сказал «1024x768 или ниже = смартфон», это неверно идентифицировало бы 7-дюймовые нетбуки с разрешением 800x480 (которые могли бы легко справиться с обычной, не мобильной версией моего сайта). В будущем это только усугубится, поскольку большая частьили смартфоны догоняют типичное низкое разрешение ноутбука. Нет способа (надежно!) сказать, что физический размер экрана (в сантиметрах или дюймах) есть?
Как реализовать? Можно ли применить весь файл таблицы стилей с помощью jQuery? Кто-нибудь делал это? Я могу сделать это на стороне сервера, но ограничивает ли это мои параметры обнаружения?
(Если этот точный вопрос уже задавался, пожалуйста, дайте мне знать, ничего не удалось найти).