В продолжение моей последней статьи о таргетинге пользователей на мобильный интернет , в этой статье мы рассмотрим валидацию и тестирование для мобильных устройств, чтобы убедиться, что ваш сайт так же совместим и не содержит ошибок на смартфонах и планшетах, как и на рабочем столе. Валидация и тестирование могут быть не самыми интересными областями в веб-дизайне, но они так же важны, как и умение выглядеть великолепно.
Проверка
Настольные браузеры могут быть довольно снисходительными. Несколько неуместных HTML-тегов здесь и там, чаще всего, будут исправлены на лету, чтобы ваша страница отображалась правильно. Однако «умные» возможности, встроенные в браузеры настольных компьютеров для выполнения этой обработки ошибок, равняются большему количеству кода, что означает большую установку и большую вычислительную мощность.
Мобильные браузеры, с другой стороны, гораздо менее щадящие. Браузер, работающий на мобильном устройстве, обычно не может позволить себе роскошь процессора 2 ГГц и 100 МБ дискового пространства. Следовательно, вы должны снова, снова и снова проверять, проверять и перепроверять свою разметку.
Большая часть проверки и проверки мобильного веб-сайта может быть выполнена с помощью обычного настольного браузера. Например, если вы разрабатываете на XHTML, вы можете повторно использовать все те же инструменты, которые вы используете для проверки традиционных сайтов:
- Валидатор W3C можно использовать для поиска простых ошибок разметки — есть даже мобильная версия .
- На сайте Ready.mobi перечислено несколько дополнительных специальных проверок для мобильных устройств.
В этот момент вы заметите, что мы еще не обсуждали проверку правильности работы мобильного сайта на мобильном устройстве. После того, как вы получили зеленый свет от нескольких валидаторов, вам потребуется несколько телефонов разных типов для выполнения некоторых реальных тестов.
тестирование
Тестирование вашего сайта с помощью веб-браузера на настольном компьютере может дать вам только опыт моделирования мобильных устройств. Существует много элементов использования мобильных устройств, которые невозможно точно воспроизвести таким образом. Например, оператор мобильной связи может ограничить размеры пакетов чем-то меньшим, чем вы ожидали, и поэтому даже не отправит вашу веб-страницу или ее изображения! Кроме того, между браузерами могут возникнуть проблемы с типами пантомимы контента. Вы предоставляете страницы с правильным текстом / html или application / xml + xhtml? Какие форматы изображений может отображать телефон?
Из-за небольшого объема памяти и диска мобильные браузеры не так надежны, как настольные браузеры, поэтому лучший совет — тестируйте, тестируйте, тестируйте! Конечно, не каждый может позволить себе тестировать на каждом телефоне, который доступен на рынке, но есть альтернативы:
1. Эмуляторы
Существует множество онлайн-эмуляторов и автономных эмуляторов, которые позволяют быстро просматривать изображения в контексте и общем макете, но они не являются реальными устройствами, и поэтому у них есть свои особенности и отличия. Эти инструменты могут послужить хорошим первым шагом для поиска общих проблем. Кроме того, они бесплатны в использовании, поэтому нет причин не заглядывать в эмулятор, но нельзя назвать сайт, просматриваемый на эмуляторе, «протестированным».
2. Время аренды
Время аренды — еще один вариант. Существуют сервисы, которые позволяют загружать или просматривать контент нескольких телефонов в режиме реального времени. Вы управляете различными функциями телефона удаленно. Эта услуга стоит денег, но она все же дешевле, чем покупка множества разных телефонов. Для обычного мобильного веб-сайта эта услуга, вероятно, не нужна.
3. Купи несколько телефонов
Возможна покупка небольшого подмножества или представительских телефонов Если вы планируете делать больше мобильных разработок, потратить немного денег заранее может действительно помочь. Вам, вероятно, нужно купить 5 или 6 телефонов, представляющих основные бренды и типы.
Вам понадобится какой-нибудь смартфон на Windows — мы тестируем HTC Mogul PPS-6800 с использованием Internet Explorer на Windows CE, который обеспечивает репрезентативное покрытие для всех устройств Windows Mobile. Вам также понадобится модель телефона Nokia. Мы проводим тестирование на Nokia 6600 с операционной системой Symbian Series 6, встроенными службами и дополнительными браузерами Opera. Вам понадобится телефон Sony Ericsson. Модель, которую мы используем, — T630, которая охватывает интернет-сервисы Sony. Наконец, вы должны протестировать любую модель, которая наиболее популярна в вашей аудитории. Вам не нужны эти точные телефоны, но эти типы устройств позволят вам быстро увидеть незначительные различия в браузерах телефонов и охватить большинство потенциальных клиентов.
4. Спросите своих друзей
Наконец, вы можете просто спросить своих друзей. На востоке мы все знаем 5 или 6 коллег или коллег, которые с радостью одолжат нам свой телефон на пару минут. После того, как вы проверили свой веб-сайт с помощью онлайн-эмуляторов и валидаторов, протестируйте его на заимствованных мобильных телефонах. Предварительные тесты должны были исправить все, кроме проблем, характерных для каждого телефона. Делайте заметки, вносите исправления и проверяйте снова и снова — и снова! — пока ты не будешь доволен.
В зависимости от вашего бюджета, один из этих вариантов подойдет вам. Потратив немного времени и денег на самом деле может иметь большое значение, особенно если это ваш первый мобильный веб-сайт. Правильный выбор тестового набора позволит вам находить общие проблемы, а также поможет вам создать библиотеку рабочих HTML, CSS и JavaScript-кодов, которые, как известно, тестируются и могут быть повторно использованы в будущих проектах.
Какие ресурсы и услуги вы использовали для проверки и тестирования мобильного сайта? Поделитесь ими в комментариях!