Делаете «мобильную / мобильную» версию сайта на PHP / Javascript?

Question

Я собираюсь начать работу над сайтом, но у клиента есть требование, чтобы сайт также был доступен с мобильных / сотовых телефонов. Он не упомянул, какие мобильные телефоны он хочет поддерживать, в частности, но я предполагаю, что это будут такие смартфоны, как iphone, blackberry, android и т. Д.

Мой вопрос: сколько работы это займет? Например:

1) Мне нужно будет сделать две копии сайта, одну для компьютеров и одну для мобильных телефонов? Или даже собрать 2 копии всех html-файлов?

2) Есть ли какие-то особые соображения, которые я должен учитывать при использовании javascript / ajax? Например, какие-либо функции, которые могут не поддерживаться на мобильных телефонах (например, jquery)?

3) Есть ли простой способ поддержки сайта на компьютерах и мобильных телефонах? Как просто показать другую таблицу стилей для мобильных телефонов, и все остальное будет работать?

Спасибо.

Answer 1

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

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

Answer 2

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

для свойств с высоким трафиком. Тем не менее, вам может потребоваться оптимизированный интерфейс для мобильных пользователей, который дает им именно то, что они хотят, без посторонних изображений или дополнительного контента, который может увеличить задержку. например, перейдите к http://m.gmail.com или http://m.yahoo.com, и вы увидите полностью урезанную версию этих сайтов для мобильных пользователей.

если вы используете cms, есть плагины, которые автоматически мобилизуют большую часть контента, например ::10000

• Wordpress Mobile Edition (WP)
• Мобильный Joomla (Joomla)
• Осмоби (друпал / joomla)

Если не использовать существующую CMS, метод обычно включает в себя обнаружение мобильного браузера и замену другой таблицы стилей (и, возможно, темы) на мобильный контент.

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

Answer 3

Вот некоторые ответы

1. При кодировании вашего смарт-HTML вам может потребоваться только отдельный файл CSS для мобильных устройств.
2. Вы всегда должны исходить из предположения, что ни у кого нет javascript, заставить ваш сайт работать, а затем добавить javascript и ajax в качестве дополнительной функции. Если вы сделаете это, не будет никаких проблем с доступом к сайту с помощью мобильного устройства без javascript или браузера без него.
3. Пока мобильное устройство достаточно современное, у вас не должно быть никаких проблем.

Answer 4

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

Если вы действительно хотите стать мобильным, вам придется рассмотреть два аспекта:

• Подмножество устройств для таргетинга.
  Вы можете использовать только самые богатые устройства, используя что-то вроде jQTouch . Или вы можете настроить таргетинг на более широкий спектр устройств, используя XHTML Mobile Profile и Wireless CSS (= спецификации WAP 2.0), что позволит вам перейти на любой телефон, который утверждает, что поддерживает HTML.
• Как оптимизировать функциональность приложения для маленьких экранов и неуклюжего ввода.
  И здесь это сильно зависит от того, на какое устройство вы нацеливаетесь. Тем не менее, в общем, мобильные приложения имеют иные функции, чем их настольные аналоги. Оптимизация для мобильных устройств означает сосредоточение внимания на основах и изменение дизайна, чтобы не требовалось сложного взаимодействия с мышью и клавиатурой.

Я выбрал широкую цель и многое понял из руководства для мобильных разработчиков dotMobi . YMMV.