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

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

5 голосов
/ 20 сентября 2008

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

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

В результате некоторых поисков я наткнулся на 2 метатега. 

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

Благодаря этому у нас есть хороший «масштабированный» вид для IE Mobile и iPhone. У нас не было никаких проблем с Palm Blazer. Но Blackberry - это другое дело.

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

Ответы [ 3 ]

3 голосов
/ 20 сентября 2008

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

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

3 голосов
/ 20 сентября 2008

Рекомендую создать две или три версии сайта:

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

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

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

1 голос
/ 09 ноября 2008

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

...