Уже писал о макет для PocketPC устройств, за неделю я доработал все, что так сбивало с толку, и подвел небольшие итоги.
1. Резинка.
Раскладка для КПК должна быть резиновой.
Эмулировать различные разрешения на КПК без дополнительного программного обеспечения невозможно.
А это никому особо не нужно =) Чаще всего это 320х240 или 640х480, хотя встречаются и нестандартные разрешения.
В любом случае сайт должен выглядеть одинаково во всех разрешениях, потому что.
разброс у них не такой уж и большой, а значит, верстка должна быть резиновой.
2. Один столбец.
Бывают исключения, но чаще всего скелет сайта должен быть одноколоночным.
Те.
Исходный код сайта может состоять из 2 или 3 колонок, но версия для КПК чаще всего превращается в одну колонку, потому что там очень мало места.
Чаще всего левая колонка (навигация) превращается в , а правый перемещается под основной контент. 3. Автоопределение устройства КПК + домен pda.site.ru. Опознать PocketPC не так уж и сложно.
HTTP_USER_AGENT содержит «windows ce» + браузер (т.е.
мобильный) добавляет ряд своих заголовков, например HTTP_UA_OS. Соответственно, при просмотре site.ru с мобильного устройства должна отображаться оптимизированная верстка.
Однако помимо этого необходим и безусловный способ получения макета КПК, самый простой — поддомен «pda».
Это просто удобно + важно для всяких поисковых ботов, и заранее информирует, что есть еще и pda версия сайта.
4. Функциональность должна быть сохранена.
КПК-версия сайта просто обязана сохранять весь функционал оригинального.
Посетитель с мобильным устройством не должен чувствовать себя неполноценным! Это касается не только функциональности сайта, но и дизайна.
Он должен сохранить оригинальные элементы и приемы.
Ничего, кроме белого фона, черного текста и синих ссылок в КПК-версии сайта( есть довольно много примеров ) Это высшая степень неуважения и презрения к владельцам современных мобильных устройств.
.
5. CSS. Mobile IE может похвастаться поддержкой CSS2, конечно, это все условно =) Я не могу на данный момент создать четкий документ по этому поводу, но у меня возникают проблемы с абсолютным позиционированием, плавающим позиционированием и фоновыми свойствами некоторых элементов.
Хотя базовая поддержка CSS2 все еще существует, вы можете создавать красивые веб-сайты.
6. JavaScript И тут начинается беда.
JS с намеками на победу (поддержка объекта xmlhttprequest, просто AJAX, прочие ActiveX и т.д.), но порой не умеет делать элементарные вещи.
Привычные нам id доступны только для чтения, className вообще не существует (мобильный IE, с которым я работал, стандартный для WM 5.0. Последний мобильный ie уже научился работать и с id, и с className).
Многие DOM-методы разные (например, есть element.children, но нет element.childNodes) и так далее, сюрпризов много.
Но самое обидное, что объект AJAX возвращает метод responseText, но не возвращает responseXML. В своих проектах я использую XML для более понятного API. Нам пришлось добавить возможность вывода данных в формате JSON, чтобы JS на наладонниках мог их «прочитать».
Те.
Проще говоря, поклонникам XML придется добавлять/переписывать интерфейсы AJAX, а поклонникам JSON и простого текста/текста будет танцевать и радоваться.
7. Всплывающее окно.
Любые необходимые всплывающие окна соответственно должны открываться как новая страница.
В этом нет ничего плохого; пользователи КПК к этому вполне привыкли.
Но кнопка «назад» или «отмена» в таких окнах важна как воздух.
Кажется, это все, впервые.
Для тестов рекомендую использовать непосредственно устройство.
Или вы можете загрузить эмулятор с сайта microsoft.com. Для более удобного тестирования на устройстве я воспользовался бесплатной утилитой Мой мобильный телефон .
Он позволяет вам управлять Pocket с вашего компьютера.
Это удобно, втыкаешь карман в люльку на другом конце стола и свободно управляешь мышкой.
И самое главное помните, мобильных устройств становится все больше! У каждого уважающего себя разработчика должна быть мобильная версия сайта =) Примеры моих макетов для КПК можно найти здесь pda.basher.ru и там pda.catalog.mobilz.net Теги: #верстка #КПК #карманная #версия для КПК #Разработка сайтов
-
Док-Станции Hp: Что Нужно Знать
19 Oct, 24 -
Список «Врагов Интернета»
19 Oct, 24 -
Неожиданный Трюк От Cisco Asa
19 Oct, 24 -
Resharper V9 И C# V6
19 Oct, 24 -
Мой Тудушник
19 Oct, 24
