Комментарии 17
Отлично! Спасибо за подборку
Сохранил в закладки. Спасибо!
Пользуюсь парочкой.
А в чём смысл использования Viewport Resizer? Штатный DevTools предоставляет все необходимое. Кроме, пожалуй, красивых рамок в виде часиков или телефонов.
В Viewport Resizer более удобный интерфейс для тестирования. Например, есть пиксельная сетка, а устройства представлены с реальными формами, а не просто прямоугольниками, как в DevTools. Также размеры представленных устройств более современные, чем в стандартном DevTools, хотя в нем и можно добавлять новые устройства вручную, но на это нужно время.
А смысл, фактический результат от этого изменился?)
Толку тестировать web на ресайзе или через devtools, если они все-равно врут. Лучше реального устройства и android studio с xcode simulator данные никто не отдаст.
А тестировать такими ресайзами, это только палки себе в колеса вставлять и выдавать ожидаемое за действительность (потом кто-нибудь на бою на реальном девайсе найдет баг).
Как и неясен смысл BetterBugs: A Fresh Approach to Bug Reporting, где надо еще и регистрироваться и команду туда пытаться пересадить и расширения для браузера, делающее скриншоты.
Не проще ли нормальную софтину десктопную для скриншотов поставить и с ее помощью фиксировать все баги, помещая их в нормальный баг-репорт (при этом софтинка то поможет нормально скриншотить не только браузер с консолью, но и вышеупомянутые эмуляторы.
А такие списки сейчас молодежь на заметку возьмут и будут разбрасывать по разным сервисам, скрины тут, баг репорт там, тестировал в браузере а не на смартфоне, с использованием кастомной ресайзилки.
Отвечу по порядку.
Смыслом использования Viewport Resizer по сравнению с обычным DevTools являются удобство, быстрота и, возможно, для кого-то более качественный отчет.
Согласен, что тестирование на реальных устройствах является наиболее точным, но Viewport Resizer полезен на начальных этапах тестирования для проверки базовой адаптивности. Это позволяет выявить очевидные проблемы на разных разрешениях без необходимости запускать полные эмуляторы.
Также стоит отметить, что тестирование на эмуляторах не может гарантировать отсутствие багов на реальных устройствах (кто-то все равно найдет баг).
BetterBugs и Fintest Pro — это не только скриншоты, хотя и по скриншотам они лучше для тестировщиков, чем десктопные приложения. Например, они могут делать снимок всей веб-страницы целиком, а из DevTools будет отображаться информация не только из одной вкладки, а сразу из нескольких. Это экономит кучу времени на анализе, так как все данные уже собраны в одном месте.
BetterBugs, как средство отчетности, возможно, подойдет для небольших команд, которые хотят стандартизировать процесс отчетности о баге и обеспечить более удобное взаимодействие между участниками. Сам же я использую его функцию перемотки, о которой писал в статье.
Добавлю свои пять копеек:
Clear Cache - позволяет удобно, в один клик, с автоматическим рефрешом страницы чистить кеш/куки/local storage и т.д. с гибкой настройкой временного интервала и т.п.
Temp Mail - крайне удобная одноразовая почта
JWT Decoder - простой и функциональный JWT декодер, для тех у кого в проектах активно используется JWT
GoFullPage - Full Page Screen Capture - зачастую нужно сделать скрин страницу целиком в один клик, что очень удобно делать с этим расширением
tweak: mock and modify HTTP requests - ну и конечно, расширение для изменения кодов/тел/хедеров ответов/запросов - must have
Я для записи экрана, скриншотов и инфы devtools юзаю бесплатный Jam и очень доволен
Спасибо, BetterBugs и Viewport Resizer очень мне зашли
Для тестирования битых ссылок, изображений и редиректов использую SiteAnalyzer SEO Tools + там же проверка сеошных дел - тайтлы, мета-теги, заголовки прочее https://chromewebstore.google.com/detail/siteanalyzer-seo-tools-fr/lefbdkondfcnlfplglcnjjncgdficmhc
Топ 7 лучших расширений Chrome для ручных тестировщиков