Создание мобильной версии сайта

Question

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

Часть причины для его создания вместо приложения для iPhone, поэтому я хотел бы предложить веб-приложение iPhone, которое в полной мере использует версию WebKit для iPhone (так что анимация CSS, возможность полагаться на хорошие поддержка javascript и т. д.). Тем не менее, мне также хотелось бы, чтобы сайт хорошо работал на других смартфонах, а также на более простых мобильных телефонах.

Создать два сайта (Mobile WebKit и базовую мобильную сеть) и перенаправить на основе User Agent? Могу ли я создать один сайт, который сильно ухудшается? Каковы возможности и как другие люди справляются с этим?

Также: это мобильные симуляторы, достойные проклятия? У меня есть iPhone, поэтому можно легко протестировать на этом. Если я хочу протестировать Blackberry/Palm Pre, мне действительно нужно устройство или есть надежные симуляторы?

Answer 1

Вот некоторые из конкретных библиотек iPhone, которые обеспечивают родной выглядеть и чувствовать себя на WebKit:

• iUi
• jQTouch
• Sencha Touch
• iWebkit

Getting его работа на большинстве телефонов определенно будет проблема с большинством библиотек, поскольку они построены вокруг с размером экрана iPhone (320x480).

Чтобы получить более широкий охват устройств, включая телефоны Android и J2ME, оформление заказа Yahoo Blueprint. Это язык разметки, который переводится на различные платформы и устройства.

Вы можете получить мобильный вид на основе User Agent, динамически переключая таблицу стилей на своем сервере, когда выплевываете страницу. Это не рекомендуется, хотя для тяжелых страниц, поскольку вы по-прежнему будете отправлять огромные куски данных, которые не будут отображаться. В качестве альтернативы, если у вас есть четкое разделение ваших взглядов, вы можете шаблонизировать представление на основе User Agent и/или других параметров. Преимущество этого заключается в том, что ваша логика контроллера находится в одном месте только с изменением вида. Вы можете использовать вышеуказанные библиотеки для iPhone/iPod Touch и переключиться на более простую мобильную версию для других смартфонов или настроить ее по своему усмотрению.

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

iPhone и Android-симуляторы находятся как можно ближе к реальной сделке. IPhone не позволит вам делать что-то вроде вызовов на симуляторе по очевидным причинам, но Android предоставляет макетные реализации для всего, что угодно на устройстве.