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

Question

У нас довольно простой сайт (минимальный JS) с обычным HTML и CSS.Это простой мобильный интерфейс для нашего основного приложения.

У нас возникли проблемы, потому что у нас более одного столбца, и некоторые браузеры, похоже, принудительно используют отдельные столбцы.

В ходе поиска я наткнулся на 2 метатега.

<meta name="MobileOptimized" content="220" />
<meta name="viewport" content="width=320" />

Благодаря этому мы имеем хорошее «масштабированное» представление для IE Mobile и iPhone.У нас не возникло никаких проблем с Palm's Blazer.А вот Blackberry – другое дело.

Есть ли у Blackberry простой способ управления видом браузера?Под простым я подразумеваю отсутствие создания специальной страницы для этого устройства.

Answer 1

Я бы не стал делать «среднюю» версию для iPhone и т. д. Пользователи iPhone могут достаточно легко просмотреть вашу настоящую веб-страницу.Имейте полную версию и версию с одним столбцом, и вы охватите самую большую аудиторию с минимальными усилиями.

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

Answer 2

Я бы рекомендовал создать две или три версии сайта:

• Полноценный сайт для современных настольных браузеров (если это очень тяжелое приложение)
• Сайт с минимальным количеством JS и CSS для хороших мобильных браузеров и настольных браузеров (на ум приходят iPhone и SkyFire)
• Сайт без JS, одна колонка и в основном обычный текст.

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

Помните основной принцип веб-разработки:Пользователям все равно.Им нужна информация или функциональность.Для вас будет намного лучше, если у вас будет простой и понятный макет для плохих мобильных браузеров (IE или Blackberry), а затем попытайтесь взломать что-то, что в конечном итоге станет кошмаром для удобства обслуживания и потенциально выставит вас в плохом свете, если кто-то будет использовать еще один мобильный телефон. браузер, и вы еще не написали сайт для конкретного телефона.

Answer 3

BlackBerry (начиная с OS 4.6 и выше) поддерживает как мета-тег области просмотра, так и мета-тег HandheldFriendly.См. документ «Руководство по дизайну контента» по адресу: http://na.blackberry.com/eng/support/docs/subcategories/?userType=21&category=BlackBerry+Browser для получения подробной информации.