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

Question

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

Мои вопросы:

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

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

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

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

Спасибо!!!

Answer 1

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, попробуйте Микроэмулятор который является открытым исходным кодом и поставляется с изменяемой кожей, которая позволяет эмулировать различные размеры экрана.

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

Answer 2

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

Answer 3

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

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

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

Answer 4

Каскадные листы стилей (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" />

Рефери.