Но как же добиться этой совместимости? Тестирования собственного веб-сайта на всех мобильных устройствах может занять много времени и потребовать больших финансовых затрат. К счастью, существует множество удобных инструментов, с помощью которых можно протестировать веб-сайт на совместимость с мобильными устройствами. В этой статье мы предлагаем вам 10 инструментов.
01. iPhoney
Превосходный тестер для iPhone. В целом, приложение представляет собой эмулятор, но также позволяет разработчикам ставить разрешение в 320х480 пикселей. Это позволяет вам тестировать изображения и код в среде Apple и Safari со всеми нормальными функциями, включая портретные и альбомный режимы, полноэкранный вид, зумирование и плагины.
02. W3C mobileOK Checker
Этот тестер представляет собой автоматизированный веб-инструмент по валидации, с помощью которого можно проверить, как ваш веб-сайт будет выглядеть на мобильных устройствах. Тесты проверяются на совместимость с требования W3C mobileOK Basic Tests, разработанных командой W3C.
03. iPad Peek
Этот удобный веб-инструмент позволяет вам проверять, как ваш веб-сайт будет выглядеть на устройствах iPad. Рекомендуется использовать WebKit-браузер Apple Safari или Google Chrome для того, чтобы реализовать практически идентичную среду.
04. Modify Headers аддон для Firefox
Существуют дополнения для Firefox, посредством которых можно управлять информацией, которая посылается на сервер для того, чтобы создать иллюзию того, якобы пользователь использует мобильное устройство, даже если это не так. Для того чтобы сделать это, вам потребуется дополнение под названием Modify Headers (для Firefox).
Как только вы скачаете и установите дополнение, в вашем браузере в меню Tools > Default User Agent and Tools появится новый пункт Modify Headers.
Для того чтобы эмулировать мобильное устройство, вам нужно найти значение User Agent Profile (UAProf) в своем мобильном устройстве (это можно сделать посредством запроса в Google «user agent» + модель телефона). Либо вы можете посмотреть данный список значений – UAProf.
Как только вы определили значение нужного телефона, введите его в диалоговое окно Modify Header и все готово!
Вы можете попробовать расширение User-Agent Switcher для Google Chrome.
Если вы ищите отдельное приложение для рабочего стола, попробуйте воспользоваться Fiddler Web Debugger, который позволит вам редактировать HTTP-запросы.
05. Adobe Device Central CS5
Device Central, в качестве дополнения к Adobe Creative Suite, эмулирует операции мобильного устройства прямо на рабочем столе, позволяя вам протестировать HTML и Flash, прямо сидя за компьютером.
Для того чтобы открыть страницу сайта, выберите пункт Device Profiles > Browse Devices, затем правой кнопкой мыши по Add To Test Devices. Таким образом, вы добавили устройство, теперь просто перейдите к пунктам Open (для локального теста) или File > Open URL (для удаленного теста).
Хотя это приложение не является бесплатным, если вы считаете себя профессиональным разработчиком или дизайнеров, то вам обязательно стоит попробовать его.
06. Google Mobilizer
Google Mobilizer представляет собой простенькое веб-приложение, которое позволяет вам ввести адрес веб-страницы и протестировать ее на совместимость с мобильными устройствами. Отличный инструмент для анализа и оптимизации сайта.
07. Gomez
Gomez представляет собой инструмент для проверки сайтов на совместимость с мобильными устройствами, который выдаст вам оценку от 1 до 5, основанную на анализе более 30 известных техник разработки мобильных приложений. Анализ основан на проверке CSS и совместимости кода с общепринятыми правилами и стандартами. Результаты отображаются в простом к пониманию документе, который также предлагает возможности по улучшению совместимости.
К сожалению, для того чтобы проверить веб-сайт, вам придется вводить еще кучу различной информации, включая адрес электронной почты, страну, индекс и даже номер телефона.
08. MobiReady
Как и Gomez, MobiReady представляет собой другое приложение для тестирования веб-сайтов он-лайн, которое позволяет вам ввести адрес сайта и провести несколько тестов, включая тестирование страницы, тестирования разметки и тестирование сайта в целом. Это более детализированная версия приложения Gomez, и у вас будет возможность получить более подробные результаты тестирования, включая совместимость с dotMobi, тестирование W3C mobileOK, эмуляторы устройств, подробные отчеты об ошибках, тестирование HTTP, а также тестирование кода.
К сожалению, результат будет не таким простым и сжатым, как в Gomez, и поэтому вам будет гораздо сложнее предоставить отчет и информацию вашим заказчикам.
09. DotMobi Emulator
dotMobi emulator дает вам возможность предварительного просмотра сайта на множестве мобильных устройств. Данное приложение для тестирования на совместимость с мобильными устройствами отлично подходит, когда вам нужно протестировать веб-сайт на более ранних моделях.
Вам может показаться надоедливым то, что для использования данного плагина вам обязательно нужна поддержка Java.
10. Opera Mini Simulator
Так как за последние годы было продано свыше 120 миллионов смартфонов с предустановленным браузером Opera, вам действительно стоит задуматься о том, чтобы ваш сайт корректно отображался на этих устройствах.
К счастью, Opera предоставила разработчикам несложный выход из ситуации и разработала приложение для тестирования веб-сайтов в браузере Opera Mini. Инструмент также требует поддержку Java в браузере для корректной работы.
