Как сделать так, чтобы простой сайт правильно отображался в нескольких мобильных браузерах?
У нас есть довольно простой сайт (минимальный JS) с простым html и CSS. Это простой мобильный интерфейс для нашего основного приложения.
У нас возникли проблемы, потому что у нас более одного столбца, и несколько браузеров, похоже, заставляют использовать отдельные столбцы.
Путем поисков я наткнулся на 2 метатега.
<meta name = "MobileOptimized" content = "220" />
<meta name = "viewport" content = "width=320" />
Благодаря им у нас есть хороший «масштабированный» вид для IE Mobile и iPhone. Мы не столкнулись с какими-либо проблемами с palm's Blazer. А вот Blackberry - другое дело.
Есть ли в Blackberry простой способ управления просмотром в браузере? Под простым я подразумеваю без создания специальной страницы для этого устройства.
Ответы 3
Я бы порекомендовал создать две или три версии сайта:
- Полноценный сайт для современных настольных браузеров (если это очень тяжелое приложение)
- Сайт с минимальным количеством JS и CSS для хороших мобильных браузеров и настольных браузеров (на ум приходят iPhone и SkyFire)
- Сайт без JS, один столбец и в основном простой текст.
Причина в том, что кодировать для 3-4 настольных браузеров достаточно сложно. Не убивайте себя из-за еще одной сотни устройств, чтобы написать код и создать простую страницу, которая просто выводит информацию.
Помните основной принцип веб-разработки: пользователям все равно. Им нужна информация или функциональность. Это будет выглядеть намного лучше для вас, если у вас будет простой и понятный макет для плохих мобильных браузеров (IE или Blackberry), а затем попытайтесь взломать что-то, что в конечном итоге станет кошмаром ремонтопригодности и потенциально заставит вас плохо выглядеть, если кто-то использует еще один мобильный браузер, и вы еще не написали сайт для телефона.
Я бы не стал делать «среднюю» версию для iPhone и т. д., Пользователи iPhone могут достаточно легко взглянуть на вашу настоящую веб-страницу. Получите полную версию и версию с одним столбцом, и вы с минимальными усилиями охватите самую большую аудиторию.
Однако, чтобы ответить на ваш вопрос, нет хорошего способа заставить Blackberry делать что-либо, кроме просмотра в 1 столбец. Вы можете заставить его выглядеть довольно профессионально, поскольку CSS и простой javascript все еще применяются, но вам придется потерять большую часть своей горизонтальной недвижимости.
Верно, но в то же время вы не хотели бы иметь сайт, который потребляет огромное количество памяти на устройстве, которое может иметь всего 32 МБ. Вдобавок: эта «минимальная» версия может служить версией для пользователей без javascript или старых браузеров.
BlackBerry (начиная с OS 4.6 и выше) поддерживает как тег meta-viewport, так и тег meta-HandheldFriendly. См. Подробности в документе «Рекомендации по дизайну контента» на http://na.blackberry.com/eng/support/docs/subcategories/?userType=21&category=BlackBerry+Browser.
Согласен с точкой зрения iPhone, особенно если вы выполняете обнаружение браузера - меня раздражают такие сайты, как MSNBC.com, которые показывают мне кастрированную версию сайта, в то время как мой iPhone может легко отображать полную версию.