Разработка веб-сайтов для мобильных устройств

Я не уверен, как IPhone / iPod Touch объявляют себя при запросе таблицы стилей, но для большинства из них

<style type = "text/css">
    @media handheld
    {
      /* handheld styles */
    }
</style>

должен сделать свое дело. Он работает так же, как @media print (или не работает).

Полный список типов носителей см. В здесь..

Вы хотели бы взглянуть на тип имеющегося у вас пользовательского агента и посмотреть, мобильное ли это устройство. Следующий код может служить примером этого:

public static bool IsMobile(string userAgent)
{
    userAgent = userAgent.ToLower();

    return userAgent.Contains("iphone") |
         userAgent.Contains("ppc") |
         userAgent.Contains("windows ce") |
         userAgent.Contains("blackberry") |
         userAgent.Contains("opera mini") |
         userAgent.Contains("mobile") |
         userAgent.Contains("palm") |
         userAgent.Contains("portable");
}

Это должно работать в большинстве случаев! Этот связь также может помочь вам уточнить детали.

Мобильные браузеры - настоящая мешанина с точки зрения того, что они поддерживают, соответствуют ли они атрибуту media в ваших стилях и т. д.

Я бы сказал, стремитесь к прогрессивное улучшение (это одна из серии статей) и убедитесь, что если браузер понимает только простой HTML, ваш контент по-прежнему доступен для просмотра и в правильном порядке - например, вы хотите, чтобы ваш основной контент отображался перед боковая панель в коде, так как основное содержание важнее.

прилично выглядящий ресурс упоминался в статье выше.

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

И, пожалуйста, не забудьте уменьшить размер загрузки :)

Лучший способ сделать все это - сделать это на уровне сервера.

Используйте веб-службу, чтобы проверить, является ли посетитель мобильным, и на основе этого предоставить свой результат. Используйте тот же URL-адрес и выполняйте ту же бизнес-логику в своем приложении - просто измените уровень представления вашего приложения.

Отличным вариантом является Wapple Architect (http://wapple.net) - он позволяет выполнять эти проверки на уровне сервера с некоторыми веб-службами, а затем выполнять логику и добавлять код, если это мобильное устройство.

Определенно стоит посмотреть.

Проверь это! Это круто! http://mobstac.com/developer/

Платформа MobStac API - это самый быстрый способ создания мобильных сайтов и управления ими! Вы получаете доступ к документации разработчика и ключам API.