Screenshot → Bug: баг-репорт по скриншоту
Добавьте скриншот или запись экрана, скройте личные данные, отметьте проблему и шаги — инструмент соберёт баг-репорт с шагами воспроизведения, окружением и разбором логов, проверит его качество и выгрузит в GitHub, GitLab или Jira.
Бесплатно, без регистрации
Файлы не покидают браузер: картинки и видео — только в памяти этой вкладки, текст отчёта — в localStorage. Экспорт PNG перекодируется через canvas — метаданные (EXIF, геометка) удаляются.
Скриншоты и запись экрана
Перетащите картинки или видео сюда, вставьте скриншот из буфера (Ctrl+V) или выберите файлы. Картинки: PNG, JPEG, WebP до 20 МБ; видео: MP4, WebM до 500 МБ.
Картинки
Как работает инструмент
Файлы
Картинки PNG, JPEG, WebP — перетаскиванием, вставкой из буфера (Ctrl+V) или выбором файлов; видео MP4 и WebM — кадр в нужный момент становится картинкой с отметкой времени; снимок экрана — только по нажатию, один кадр.
Разметка
Скрытие сплошной заливкой или крупной пикселизацией, рамки, стрелки и маркеры шагов; отмена и повтор; всё то же — числами с клавиатуры. Оригинал не меняется: скрытия «вжигаются» только в экспортируемый PNG.
Описание
Тип проблемы подсказывает шаблоны «ожидаемого» и «фактического» и что приложить; заголовок проверяется на конкретность; окружение можно подставить из браузера как отправную точку.
Логи
Вывод консоли, текст ошибки или HAR разбираются правилами: сообщения об ошибках, первый кадр приложения в стеке, HTTP-ошибки с адресами без токенов.
Проверка и экспорт
Поиск секретов и персональных данных в тексте с маскированием, проверка качества по правилам, обязательная отметка «я проверил картинки», затем Markdown для GitHub/GitLab, Jira wiki, текст, PNG и JSON.
Серьёзность и приоритет
S1 — блокирующая
- Определение
- Основная функция недоступна, данные теряются или портятся, есть угроза безопасности; обходного пути нет.
S2 — высокая
- Определение
- Важная функция работает неправильно; обходной путь есть, но неудобный.
S3 — средняя
- Определение
- Функция работает с ошибками, есть простой обходной путь; заметные дефекты вёрстки.
S4 — низкая
- Определение
- Косметика, опечатки, мелкие неровности; на использование не влияет.
Приоритет — очерёдность исправления; обычно его назначает владелец продукта, а не автор отчёта:
- P1 — исправить немедленно
- P2 — в текущем спринте или релизе
- P3 — запланировать
- P4 — когда будет время
Проверка качества отчёта
Таблица строится из того же кода, что и проверка. «Обязательные» правила держат отчёт в состоянии «не готов», «рекомендуемые» — «почти готов».
BUG-Q01
- Правило
- Заголовок есть и не слишком короткий
- Уровень
- обязательно
- Как проверяется
- Не короче 12 символов и 3 слов
BUG-Q02
- Правило
- Заголовок конкретный
- Уровень
- рекомендуется
- Как проверяется
- Кроме слов «не работает», «баг», «ошибка» и подобных есть ещё минимум 2 слова по сути
BUG-Q03
- Правило
- Есть шаги воспроизведения
- Уровень
- обязательно
- Как проверяется
- Хотя бы один непустой шаг
BUG-Q04
- Правило
- Шаги начинаются с определённого состояния
- Уровень
- рекомендуется
- Как проверяется
- Заполнены предусловия, или первый шаг — «Открыть / Перейти / Войти…», или в нём есть адрес
BUG-Q05
- Правило
- Описан ожидаемый результат
- Уровень
- обязательно
- Как проверяется
- Поле «Ожидаемый результат» не пустое и не шаблон
BUG-Q06
- Правило
- Описан фактический результат
- Уровень
- обязательно
- Как проверяется
- Поле «Фактический результат» не пустое и не шаблон
BUG-Q07
- Правило
- Указано окружение
- Уровень
- рекомендуется
- Как проверяется
- Браузер и ОС (или устройство) заполнены
BUG-Q08
- Правило
- Нет секретов и персональных данных в тексте
- Уровень
- обязательно
- Как проверяется
- Поиск токенов, ключей, паролей, email, телефонов, номеров карт и токенов в адресах ничего не нашёл
BUG-Q09
- Правило
- Картинки проверены человеком после последней правки
- Уровень
- обязательно
- Как проверяется
- Отмечено «я проверил(а)…» после последнего изменения картинок
BUG-Q10
- Правило
- Указана серьёзность
- Уровень
- рекомендуется
- Как проверяется
- Выбран уровень S1–S4
BUG-Q11
- Правило
- Маркеры на картинках соответствуют шагам
- Уровень
- рекомендуется
- Как проверяется
- Номер каждого маркера не больше числа шагов
BUG-Q12
- Правило
- Ожидаемое и фактическое различаются
- Уровень
- рекомендуется
- Как проверяется
- Тексты не совпадают
Типы проблем и их шаблоны:
Вёрстка поехала / элементы перекрываются
- Шаблон заголовка
- [Страница]: [элемент] перекрывает [элемент] на ширине [N] px
- Что приложить
- Скриншот с выделенной областью и ширина окна.
Текст обрезан
- Шаблон заголовка
- [Страница]: текст «[поле]» обрезается при [условие]
- Что приложить
- Скриншот и полный текст, который должен быть виден.
Неверные данные
- Шаблон заголовка
- [Страница]: [поле] показывает [что], ожидается [что]
- Что приложить
- Скриншот с выделенным значением и откуда взято верное значение.
Сообщение об ошибке
- Шаблон заголовка
- [Страница]: «[текст ошибки]» при [действие]
- Что приложить
- Скриншот сообщения, вывод консоли и сетевой запрос с ошибкой.
Пустой экран / падение
- Шаблон заголовка
- [Страница]: пустой экран после [действие]
- Что приложить
- Вывод консоли (стек ошибки) и запись экрана с моментом падения.
Долгая загрузка
- Шаблон заголовка
- [Страница]: загрузка [что] занимает [N] с
- Что приложить
- Время по секундомеру или вкладке Network, скорость сети, видео.
Битое изображение
- Шаблон заголовка
- [Страница]: не загружается изображение [какое]
- Что приложить
- Скриншот и адрес изображения из вкладки Network (статус ответа).
Доступность: контраст, фокус
- Шаблон заголовка
- [Страница]: [элемент] — [нет видимого фокуса / низкий контраст]
- Что приложить
- Скриншот с выделением, порядок нажатия Tab, измеренный контраст.
Ошибка в консоли
- Шаблон заголовка
- [Страница]: ошибка в консоли «[текст]» при [действие]
- Что приложить
- Вывод консоли целиком (стек) и шаги, после которых появляется ошибка.
Ограничения
- Инструмент не читает текст на картинках и не находит на них личные данные сам — это делает человек; поиск секретов работает только по тексту отчёта.
- Пикселизация — блоками от 12 до 48 px, текст под ней не читается. Но пикселизацию мелких областей иногда пытаются восстановить подбором — для паролей, токенов и номеров карт используйте сплошную заливку.
- Поиск секретов и персональных данных — по шаблонам: он подсказывает, а не гарантирует. Нестандартные ключи и имена людей он не узнает.
- Окружение, подставленное из этого браузера, может не совпадать с тем, где возникла ошибка.
- Ссылка «новый issue» передаёт текст в адресе страницы: длинный отчёт сокращается (полный текст копируется в буфер), картинки нужно приложить вручную.
- Картинки и видео не сохраняются после перезагрузки страницы — сохраняется только текст отчёта.
Приватность
- Файлы не покидают браузер: картинки и видео обрабатываются в памяти этой вкладки и никуда не загружаются.
- Экспорт PNG перекодирует картинку через canvas: метаданные исходного файла (EXIF, геометка, модель устройства) удаляются.
- Текст отчёта и версии хранятся в localStorage этого браузера; «Очистить всё» удаляет их.
- На сайт GitHub или GitLab текст уходит только после вашего подтверждения — в адресе новой вкладки.
- В аналитику уходит только факт экспорта и его формат — без содержимого.
- Результат уходит к нам, только если вы сами оставите заявку и не снимете галочку «Приложить результат» — что именно уйдёт, видно в форме: заголовок, серьёзность, частота, окружение, число шагов и итоги проверок. Картинки и видео с заявкой не уходят никогда, как и логи консоли и адрес страницы с параметрами.
Похожие инструменты
Все инструменты · 40
Готовность к релизуМатрица проверок с доказательствами: CI, миграции, резервные копии, план отката, мониторинг, исключения из рисков и согласование → решение GO / NO-GO.
User Flow Tester: сценарные E2E-тестыКонструктор пользовательских сценариев → готовые тесты Playwright с защитой от запуска на production, покрытие важных маршрутов и разбор результатов pass/fail.
API Mock Studio: тестовый APIИмпорт OpenAPI или ручные endpoints → тестовые данные, разные HTTP-ответы, задержки и ошибки, журнал запросов, проверка контракта и готовый mock-сервер.
Проверка согласованности интерфейсаDesign tokens против CSS: цвета и размеры вне системы, контраст по WCAG, сравнение скриншота с утверждённым baseline и разбор найденного.
Проверка спроса до разработкиГипотезы с порогами, лендинг и форма заявки, UTM-ссылки, воронка, интервью и отчёт эксперимента → решение продолжать, менять или закрывать идею.
Конструктор коммерческого предложенияШаблоны КП для IT-проектов: состав, этапы, смета, сроки, допущения и исключения, версии с контролем цифр, согласование и PDF.Нужен аудит качества продукта?
Аудит InterLAB — платная проверка интерфейса, кода и процессов тестирования с приоритетами исправлений. Первый короткий разговор о формате бесплатный.
- Первый короткий разговор бесплатный — выбираем формат работы
- NDA — по вашему или нашему шаблону
- Стоимость — после брифа и согласования объёма