Браузерные плагины для тестирования

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

Основные браузеры которые я использую — Chrome и Firefox, можно сказать что это и есть мои основные инструменты тестирования веб-приложений. До недавнего времени основным все же был Firefox, но после нескольких нестабильных релизов я полностью перешел на Google Chrome. Плагины для тестирования сильно облегчают мне жизнь, без них моя ежедневная практика была бы намного тяжелее.  Наверняка инструменты перечисленные мной имеют альтернативы и аналоги и в другом браузере, поэтому обратите внимание именно на функциональность.

Chrome

Json Viewer — Совсем недавно на него наткнулся. Отличный плагин, который помогает посмотреть объект JSON в читабельном формате. Словом — ВЕЩЬ!.

Nimbus — Быстрые скриншоты. Можно сделать скриншот на любой странице. Выбрать определенную площадь или даже нужные элементы. Сфотографировать всю длину страницы, включая ту часть до которой нужно докрутить. Есть импорт в облако и простенький редактор, чтобы нарисовать стрелочки и добавить текст. Буквально на днях заметил возможность записывать видео! Это еще больше повышает эффективность этого плагина.

Google Analytics Debugger — Плагин для проверки Google Analytics(GA). Сегодня все используют GA, т.к. это очень мощный инструмент для аналитики посетителей. Чтобы качественно протестировать GA на вашем проекте используйте этот плагин. С его помощью можно посмотреть любое событие которое регистрируется аналитикой и проверить насколько правильно оно собрано.

EditThisCookie — Позволяет быстро отредактировать, добавить, удалить Cookie. В принципе практически аналогичный функционал есть в консоли самого браузера, но плагин более удобен в использовании.

Form Filler — Плагин для быстрого заполнения форм на сайте. Очень удобен когда нужно сделать sanity test формы с десятком полей. Кликнул кнопку и все поля формы уже заполнены рандомными тестовыми данными. Плагин также позволяет редактировать интервалы в которых подбираются тестовые наборы и добавлять новые поля для вставки.

Viewport Resizer — Плагин позволяет быстро изменить размер дисплея и эмулировать просмотр в нужном формате. Также можно задать свой размер. Аналогичный функционал есть в консоли Chrome, но я использую плагин, потому что он легко-доступен и быстр в действии.

[sociallocker id=227]

User-Agent Switcher for Chrome — Этот плагин позволяет быстро переключить user-agent браузера на любой нужный. Некоторые сайты имеют различные версии для разных браузеров. Еще бывает что нужный веб сайт работает только в одном из браузеров по user-agent. В этих случаях плагин приходится очень кстати. В настройках можно сделать автоматическое переключение по домену, чтобы не переключать каждый раз руками.

ZenMate — Довольно известный плагин для VPN. Вам не потребуется самостоятельная настройка сети, достаточно установить плагин и ваш запрос будет отправлен по совершенно другому маршруту.

ObservePoint Tag Debugger — Мощный плагин для проверки Аналитики. Кроме GA есть довольно много сервисов, которые собирают различного рода данные на вебсайтах. Этот плагин позволит проверить сразу несколько видов сервисов выводя их в консоль разработчика.

Google Keep — Сервис-плагин от Google для быстрых заметок. Есть различные виды заметок, разные подсветки. Все очень лаконично и удобно. Можно настроить напоминания на любую заметку.

Advanced REST client — Отличный инструмент для проверки API. Позволяет протестировать запросы GET, POST, PUT, DELETE с самыми различными параметрами и проверить полученный Response.

Edge: The Web Ruler — Обычная линейка. Очень удобна, когда нужно измерить размер элемента и сравнить его с макетом.

Firefox

Еще раз отмечу что Firefox мой вторичный браузер. Поэтому плагинов для тестирования тут для меня меньше.

Firebug — Думаю этот плагин не нуждается в дополнительном представлении. Когда говорят о консоли разработчика, то ассоциации у меня возникают именно об этом плагине. А фраза «открой Firebug» — означает открыть консоль разработчика, независимо от того какой у тебя браузер. Практически все мои потребности в плагинах на Firefox удовлетворяются именно этим инструментом.

Omnibug — Этот плагин позволяет тестировать аналитику на Firefox. Минималистичный интерфейс, позволяет быстро посмотреть все поступающие ивенты.

Selenium Builder — С помощью этого инструмента можно записать сценарий теста для Selenium. Очень хорош для новичков, есть импорт и экспорт данных, можно запускать тесты прямо через плагин. Периодически использую его, чтобы посмотреть какой селектор наиболее подходит в сложных ситуациях.

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

[/sociallocker]

Надеюсь эта подборка поможет вам в тестировании или разработке.

1 Комментарий

  1. Не нашел Firebug, в Omnibug увидел данную информацию:

    Примечания к выпуску 0.6.0
    Omnibug is now updated to work with the latest versions of Firefox.
    — Firebug no longer a requirement
    — POST requests are now decoded
    — New Universal Analytics parameters have been added
    Do note that the add-on is undergoing development changes to bring new features (and bring back some older ones)!

Добавить комментарий