Как сделать Мобильная версия сайта

Question

Я ищу что-то, что поможет мне научиться настраивать мой сайт, чтобы при посещении людьми была обычная версия и мобильная версия. Проблема, с которой я сталкиваюсь, заключается в том, что большинство сайтов, которые я вижу в Google, являются платными сайтами, которые помогут вам установить это. Могу ли я просто создать две версии своего сайта и загрузить их на моем хостинге? Также как он знает, когда загружать мобильный или обычный? Это те вещи, которые я ищу, какие-либо предложения о местах для начала?

Answer 1

Пожалуйста, пожалуйста, пожалуйста, убедитесь, что вы делаете следующее:

1. сделать только мобильную версию, если он добавляет ценность.
2. Если пользователь запрашивает глубокую связь с мобильного устройства, не перенаправлять на мобильную страницу
3. Разрешить пользователю выбрать для просмотра полной версии этой
4. Убедитесь, что таблетки, такие как IPad использует полная версия по умолчанию
5. Не используйте WML для смартфонов hi-res, таких как iPhone
6. Если ваш полноразмерный веб-сайт непригоден для использования на телефоне, подумайте о том, чтобы его настройка была более подходящей (не печатайте текст содержания слишком широкий).

Современные iPhones и iPads идеально подходят для обработки большинства полноразмерных веб-сайтов, поэтому небольшая потребность в мобильной версии не требуется, если она фактически не улучшает пользовательский интерфейс. Мне не нравится переходить на интерфейс для ребенка, который не предоставляет необходимую мне информацию.

Хорошие примеры мобильных версий включают в себя:

• сайт Google сайт
• Gmail

Удовлетворительно примеры включают:

• Любой blogpress сайт

Плохие примеры включают

• ничего, что использует WML

---

Вот от Apple advice on providing mobile versions to the iPad:

Обратите внимание, что Safari на IPad строку пользователь агент содержит слово «Мобильный », но не содержит слова« iPhone ». Если вы в настоящее время обслуживания мобильного контента в любом браузере что самостоятельно определяет, как «Мобильный», вы должны изменить ваш пользователь Строка агента проверяет, чтобы искать IPad и избежать посылая ему ту версию вашего сайта.Номера версий в этой строке могут быть изменены со временем , поскольку новые версии Safari на iPad становятся доступными, поэтому любой код, который проверяет строку пользовательского агента, должен не полагаться на номера версий.

Answer 2

Что-то, что нужно было бы использовать в качестве типа мультимедиа @mobile css, который используется для загрузки разных стилей при загрузке на мобильном устройстве. Я не уверен, какие устройства поддерживают его, но я думаю, что это будет большинство популярных моделей. Что касается вашего предложения, вы можете, конечно, разместить два отдельных сайта, но я решительно прохожу через предложения Алекса, прежде чем вы столкнетесь с проблемой.

http://www.w3.org/TR/css-mobile/

Answer 3

Алекс имел некоторые хорошие предложения, но если вы действительно хотите, чтобы обслуживать определенную версию на основе мобильного или не мобильный вы посмотрите на заголовок HTTP может. В некоторых случаях User Agent отдает его, но не всегда. Подробнее см. Ссылку: http://detectmobilebrowsers.mobi/