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