5 полезных расширений Chrome для тестировщиков

На вашу продуктивность влияют инструменты, которые вы используете. Чтобы повысить свою продуктивность, вы можете использовать различные расширения, которые дополняют функциональность браузера и позволяют быстрее выполнять больше задач. 

Вышеприведенное утверждение применимо и к тестированию. Мы часто используем расширения Chrome для улучшения рабочего процесса. 

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

Вот несколько экономящих время расширений Chrome для тестировщиков программного обеспечения:

Вот несколько экономящих время расширений Chrome для тестировщиков программного обеспечения:  

1. PerfectPixel 

https://chrome.google.com/webstore/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi 

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

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

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

Преимущества данного расширения: 

• удобный пользовательский интерфейс 

• поддержка нескольких слоев 

• сохранение слоев между сессиями браузера 

• перетаскивание 

• вставка из URL и буфера обмена 

  2. Responsive Web Design Tester 

https://chrome.google.com/webstore/detail/responsive-web-design-tes/enhcpefphhaiikpobimgcakinhabgiib/related

Responsive Web Design Tester — это быстрый и простой способ тестирования вашего адаптивного веб-сайта. Позволяет быстро просматривать веб-сайты в разных разрешениях. 

Это одно из самых рейтинговых и широко используемых расширений Google Chrome для тестирования адаптивных веб-сайтов. В основном оно используется разработчиками/тестировщиками для тестирования работы страницы на различных устройствах. Поддерживает как внешнюю, так и внутреннюю сеть. 

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

Преимущества данного расширения: 

• Простота и эффективность – данное расширение не влияет на производительность браузера 

• Режимы по умолчанию – это расширение включает стандартные размеры экрана планшета и мобильного устройства для быстрого тестирования вашего дизайна на популярных размерах экрана 

• Изменение размера всплывающего окна – для каждого нового размера экрана веб-сайт открывается во всплывающем окне, чтобы его можно было протестировать изолированно от других вкладок 

  3. ColorZilla 

https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp 

Часто ли вы сталкивались с проблемой использования инспектора или других случайных инструментов, которые якобы позволяют узнать цвет одного пикселя на изображении, но в лучшем случае делают вашу жизнь несчастной? (Какое вступление, а?!) 

ColorZilla — это быстрый способ узнать цветовой код любого пикселя, не выходя из браузера, страницы или инспектора! 

Расширение позволяет быстро определить точный цвет, используемый на любом сайте в браузере Chrome. Оно включает в себя селектор цветов, последние выбранные цвета, анализатор градиентов CSS и анализатор страницы, который оценивает цвета на веб-странице. 

Все, кто работает с цветом в интернете, должны иметь это расширение. 

Преимущества данного расширения: 

• Возможность определить цвет любого пикселя на веб-странице 

• Расширенный выбор цвета (аналогично Photoshop) 

• Отображение недавно выбранных цветов в истории цветов 

• Отображение информации об элементах, например имя тега, класс, id, размер и т. д. 

• Опция автоматического копирования выбранных цветов в буфер обмена (также имеет комбинации клавиш) 

• Возможность определить цвет динамических элементов 

• Возможность определить цвет при любом уровне масштабирования 

  4. Loom 

https://chrome.google.com/webstore/detail/loom-%E2%80%93-screen-recorder-sc/liecbddmkiiihnedobmlmillhodjkdmb 

Loom позволяет записывать экран и мгновенно получать ссылку, чтобы поделиться ею с кем угодно. Это один из самых быстрых и простых способов записи экрана и обмена с командой. 

Преимущества данного расширения: 

• Запись экрана, камеры, микрофона, а также звука внутри браузера 

• Уведомления о том, что кто-то просматривает, ставит “реакцию” или комментирует ваше видео 

• С помощью систем безопасности и контроля доступа возможность выбора того, кто может видеть ваше видео 

• Возможность скачивания записи на свой компьютер 

  5. Check My Links 

https://chrome.google.com/webstore/detail/check-my-links/ojkcdipcgfaekbeaelaapakgnjflfglf 

Существует множество расширений Chrome для проверки битых ссылок на веб-странице. Одно из самых популярных - Check My Links. 

Check My Links быстро находит все ссылки на веб-странице и проверяет каждую из них.  

Неработающие ссылки выделяются красным цветом с кодом ошибки рядом с ними. Количество рабочих и нерабочих ссылок публикуется в отчете о проверке ссылок с цветными метками. 

Это бесплатное расширение сканирует страницу на наличие ссылок и генерирует отчет, содержащий: внутренние и внешние ссылки, якорный текст для каждой ссылки, статус ссылки (битые, непроверенные), атрибуты Nofollow... 

Преимущества данного расширения: 

• Экономия времени и усилий - возможность одновременной проверки нескольких страниц 

• Все нерабочие ссылки могут быть скопированы в буфер обмена одним щелчком мыши 

• Возможность исключить из проверки ссылки с определенных доменов 

Все эти расширения направлены на то, чтобы упростить процесс тестирования и добиться повышения производительности. 

Надеюсь, эта статья помогла вам найти несколько полезных расширений для Chrome для тестирования.  

Удачного тестирования!