каковы правила создания мобильного дружественного сайта? - PullRequest
Новая
       50

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

5 голосов
/ 11 октября 2009

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

Мои вопросы:

  1. Должен ли я сделать другой шаблон для мобильной версии и полной версии? Как создать mobile.example.com для мобильной версии?

  2. Opera Mini не поддерживает JavaScript? У меня есть мобильный телефон с Opera Mini, кажется, что JavaScript не работал. У всех Opera Mini нет JavaScript?

  3. Поддерживает ли Opera Mini полный стандарт W3C HTML и CSS? Или у них другой?

  4. Есть ли эмулятор для просмотра или тестирования сайта на разных мобильных телефонах? Например: браузер Iphone, браузер Blackberry, WAP и Opera Mini.

Спасибо !!!

Ответы [ 4 ]

4 голосов
/ 01 марта 2011

Некоторые сайты предлагают автоматическое преобразование вашего существующего сайта. Этот конвертированный, удобный для мобильных устройств веб-сайт может быть размещен на новом домене или «маска» может быть применена к существующему сайту. Проверьте www.webtosmartphone.com, который легко конвертирует основные веб-сайты автоматически; Быстрая строка кода и ваш сайт будет автоматически изменен и доступен для просмотра в самых популярных смартфонах. Если он не конвертируется автоматически, вы можете запросить пользовательское преобразование.

2 голосов
/ 11 октября 2009

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

  2. / 3. Мобильный телефон - это больше, чем просто Opera Mini. Различные браузеры мобильных устройств поддерживают различные степени обогащенного контента (JavaScript, CSS и т. Д.). Вы должны выяснить, какие функции поддерживаются браузером / устройством посетителей и обслуживать соответственно богатый / «плохой» контент. Вам следует взглянуть на WURFL и Device Atlas , которые являются двумя основными базами данных пользовательских агентов мобильных устройств, которые позволяют обслуживать только тот контент, который может использовать пользовательский агент.

  3. Существует множество эмуляторов, некоторые из которых лучше, а некоторые хуже, которые эмулируют различные браузеры мобильных устройств. Вдобавок ко всему, я использовал два варианта: эмулятор смартфона Yo Space (веб-сайт не работает ) и эмулятор Mobi TLD . Существуют также специальные инструменты разработчика (Nokia, SE), которые вы сможете найти, которые подражают устройствам поставщика.

2 голосов
/ 19 мая 2010
  1. Вам решать, хотите ли вы создать два разных веб-сайта для мобильных и немобильных устройств. Однако, если вы это сделаете, убедитесь, что у вас есть ссылка с мобильного сайта на полный сайт, чтобы пользователи могли перейти на него.
  2. Opera Mini поддерживает Javascript, который имеет определенные ограничения (например, на асинхронные операции). Помните, что Opera Mini использует прокси-подход, а JS выполняется на серверах Opera, что накладывает определенные ограничения. Плагины, такие как Adobe Flash, не поддерживаются.
  3. По сути, Opera Mini поддерживает те же стандарты, что и Opera Desktop, поскольку они используют один и тот же механизм рендеринга (Opera Presto). Однако из-за ограничений устройства некоторые функции, такие как закругленные углы CSS, недоступны в Mini. Для получения дополнительной информации см. Стандарты Opera Mini 5 , но знайте, что в то же время Opera Mini использует Opera Presto 2.4, механизм рендеринга, используемый в Opera Desktop 10.53.
  4. Для тестирования веб-сайтов в Opera Mini, попробуйте MicroEmulator с открытым исходным кодом и с изменяемым размером обложки, который позволяет вам эмулировать различные размеры экрана.

Надеюсь, это поможет:)

1 голос
/ 11 октября 2009

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

CSS Zen Garden - отличный ресурс для демонстрации того, что возможно.

Ресурс для конвертации вашего текущего сайт в мобильном устройстве дружественным Формат Skweezer.com. Просто введите URL вашего сайта, и он будет показать ваш сайт в мобильная версия, удалив большие изображения, стили CSS и страницы элементы, которые не будут отображаться должным образом. Вы можете использовать это как шаблон или отправная точка, для создание мобильного профиля CSS для сайт. Чтобы предоставить альтернативный CSS таблица стилей для пользователей с мобильным устройства, вставьте следующий код в заголовок HTML-документа: 

<link href="/css/global.css" rel="stylesheet" type="text/css" media="handheld" />

Ref .

...