На вашу продуктивность влияют инструменты, которые вы используете. Чтобы повысить свою продуктивность, вы можете использовать различные расширения, которые дополняют функциональность браузера и позволяют быстрее выполнять больше задач.
Вышеприведенное утверждение применимо и к тестированию. Мы часто используем расширения 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 для тестирования.
Удачного тестирования!
Интересные статьи
Интересные статьи
