—»     —»   10 превосходных инструментов для тестирования веб-сайта на мобильных устройствах
  Раздел: Инструменты   Нет комментариев  

10 превосходных инструментов для тестирования веб-сайта на мобильных устройствах



С увеличением продаж на рынке смартфонов и планшетных устройств, становится больше пользователей сети, которые просматривают веб-сайт не только сквозь дисплей ноутбука или персонального ПК. Широкий ассортимент мобильных устройств используется для просмотра сети, и поэтому вам на самом деле стоит обратить внимание на то, чтобы ваш веб-сайт был совместим с мобильными устройствами.

Но как же добиться этой совместимости? Тестирования собственного веб-сайта на всех мобильных устройствах может занять много времени и потребовать больших финансовых затрат. К счастью, существует множество удобных инструментов, с помощью которых можно протестировать веб-сайт на совместимость с мобильными устройствами. В этой статье мы предлагаем вам 10 инструментов.

01. iPhoney

10 превосходных инструментов для тестирования веб-сайта на мобильных устройствах

Превосходный тестер для iPhone. В целом, приложение представляет собой эмулятор, но также позволяет разработчикам ставить разрешение в 320х480 пикселей. Это позволяет вам тестировать изображения и код в среде Apple и Safari со всеми нормальными функциями, включая портретные и альбомный режимы, полноэкранный вид, зумирование и плагины.

02. W3C mobileOK Checker

10 превосходных инструментов для тестирования веб-сайта на мобильных устройствах

Этот тестер представляет собой автоматизированный веб-инструмент по валидации, с помощью которого можно проверить, как ваш веб-сайт будет выглядеть на мобильных устройствах. Тесты проверяются на совместимость с требования W3C mobileOK Basic Tests, разработанных командой W3C.

03. iPad Peek

10 превосходных инструментов для тестирования веб-сайта на мобильных устройствах

Этот удобный веб-инструмент позволяет вам проверять, как ваш веб-сайт будет выглядеть на устройствах iPad. Рекомендуется использовать WebKit-браузер Apple Safari или Google Chrome для того, чтобы реализовать практически идентичную среду.

04. Modify Headers аддон для Firefox

10 превосходных инструментов для тестирования веб-сайта на мобильных устройствах

Существуют дополнения для 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

10 превосходных инструментов для тестирования веб-сайта на мобильных устройствах

Device Central, в качестве дополнения к Adobe Creative Suite, эмулирует операции мобильного устройства прямо на рабочем столе, позволяя вам протестировать HTML и Flash, прямо сидя за компьютером.

Для того чтобы открыть страницу сайта, выберите пункт Device Profiles > Browse Devices, затем правой кнопкой мыши по Add To Test Devices. Таким образом, вы добавили устройство, теперь просто перейдите к пунктам Open (для локального теста) или File > Open URL (для удаленного теста).

Хотя это приложение не является бесплатным, если вы считаете себя профессиональным разработчиком или дизайнеров, то вам обязательно стоит попробовать его.

06. Google Mobilizer

10 превосходных инструментов для тестирования веб-сайта на мобильных устройствах

Google Mobilizer представляет собой простенькое веб-приложение, которое позволяет вам ввести адрес веб-страницы и протестировать ее на совместимость с мобильными устройствами. Отличный инструмент для анализа и оптимизации сайта.

07. Gomez

10 превосходных инструментов для тестирования веб-сайта на мобильных устройствах

Gomez представляет собой инструмент для проверки сайтов на совместимость с мобильными устройствами, который выдаст вам оценку от 1 до 5, основанную на анализе более 30 известных техник разработки мобильных приложений. Анализ основан на проверке CSS и совместимости кода с общепринятыми правилами и стандартами. Результаты отображаются в простом к пониманию документе, который также предлагает возможности по улучшению совместимости.

К сожалению, для того чтобы проверить веб-сайт, вам придется вводить еще кучу различной информации, включая адрес электронной почты, страну, индекс и даже номер телефона.

08. MobiReady

10 превосходных инструментов для тестирования веб-сайта на мобильных устройствах

Как и Gomez, MobiReady представляет собой другое приложение для тестирования веб-сайтов он-лайн, которое позволяет вам ввести адрес сайта и провести несколько тестов, включая тестирование страницы, тестирования разметки и тестирование сайта в целом. Это более детализированная версия приложения Gomez, и у вас будет возможность получить более подробные результаты тестирования, включая совместимость с dotMobi, тестирование W3C mobileOK, эмуляторы устройств, подробные отчеты об ошибках, тестирование HTTP, а также тестирование кода.

К сожалению, результат будет не таким простым и сжатым, как в Gomez, и поэтому вам будет гораздо сложнее предоставить отчет и информацию вашим заказчикам.

09. DotMobi Emulator

10 превосходных инструментов для тестирования веб-сайта на мобильных устройствах

dotMobi emulator дает вам возможность предварительного просмотра сайта на множестве мобильных устройств. Данное приложение для тестирования на совместимость с мобильными устройствами отлично подходит, когда вам нужно протестировать веб-сайт на более ранних моделях.

Вам может показаться надоедливым то, что для использования данного плагина вам обязательно нужна поддержка Java.

10. Opera Mini Simulator

10 превосходных инструментов для тестирования веб-сайта на мобильных устройствах

Так как за последние годы было продано свыше 120 миллионов смартфонов с предустановленным браузером Opera, вам действительно стоит задуматься о том, чтобы ваш сайт корректно отображался на этих устройствах.
К счастью, Opera предоставила разработчикам несложный выход из ситуации и разработала приложение для тестирования веб-сайтов в браузере Opera Mini. Инструмент также требует поддержку Java в браузере для корректной работы.
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Опубликовал Mysterious Master   Прочитано (раз): 15323   |   Нет комментариев
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц October по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации

















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Июль 2019    »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
293031