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

Question

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

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

Через некоторые поиски я столкнулся с двумя метатегами.

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

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

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

Answer 1

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

Чтобы ответить на ваш вопрос, однако, нет никакого способа сделать Blackberry делать что-либо, кроме одного столбца. Вы можете заставить его выглядеть достаточно профессионально, так как 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.