Как определить мобильный браузер и направить на него соответствующий контент?

Question

Я читал, что его плохое (не рекомендуется) использовать User Agent Sniffing для отправки правильного контента для мобильного браузера, так что мне интересно, что это лучший способ сделать это?

Я использую ASP.NET MVC, и я создал свой сайт, и он хорошо работает на настольных браузерах, поэтому я хочу начать создание мобильной версии. Когда мобильный браузер приходит на мой сайт, я хотел бы использовать другой набор представлений, которые в идеале обладает следующими атрибутами:

1. Ссылки предварительно масштабируемые изображения
2. Использования минимален JavaScript
3. Удалить все, кроме существенного содержания

Моя первая мысль заключалась в том, чтобы обнюхать пользовательский агент, а затем отправить другой файл .CSS, но, как указано выше, я прочитал, что это плохой способ сделать это, поэтому я «Прошу вас за ваши мысли.

Answer 1

Пользовательский агент - это все, что у вас есть в запросе HTTP GET, но вы должны позволить кому-то еще сохранить список. Мы используем Microsoft Mobile Device Browser File с пользовательским механизмом просмотра примерно так же, как this Scott Hanselman post.

Answer 2

Лучший способ обнаружить мобильный браузер, чтобы использовать этот замечательный проект Codeplex:

http://mdbf.codeplex.com/

для фона, как вы могли бы создать целевые виды прочитать здесь:

http://www.hanselman.com/blog/MixMobileWebSitesWithASPNETMVCAndTheMobileBrowserDefinitionFile.aspx

Answer 3

Самый простой подход - это использовать отдельный домен «m.yourdomain.com» или «yourdomain.mobi» (Source) таким образом, чтобы вы могли предположить, что пользователь находится на мобильном устройстве.

Answer 4

Хотя я считаю, что он нахмурился, чтобы понюхать браузер, чтобы определить возможности, и вы должны использовать возможности нюхания, такие как JQuery.support. Когда дело доходит до фактического представления значительно разных макетов, я думаю, вам нужно понюхать идентификатор браузера и действовать соответственно.