Скриншоты при сбое: как отлаживать проблемы доступности

Проблема скриншотов

Ваш сайт падает. Вам приходит алерт. Вы бросаетесь проверить сайт... а он уже работает. Что было не так? Вы никогда не узнаете.

Без скриншотов отладка превращается в гадание:

• Это была ошибка 500?
• Цикл редиректов?
• Таймаут БД?
• Сломался CSS?
• Ошибка JavaScript?

Скриншоты отвечают на эти вопросы мгновенно.

Как работают скриншоты Nova Uptime#

Когда проверка домена не проходит, Nova Uptime автоматически фиксирует:

1. Скриншот сбоя: как выглядел сайт в сломанном состоянии
2. Детали сбоя: код статуса, время отклика, сообщение об ошибке
3. Скриншот восстановления: как он выглядел, когда вернулся в строй

Всё прикрепляется к отчёту об инциденте.

Что показывают скриншоты

Пример 1. 503 Service Unavailable#

Скриншот показывает:

503 Service Unavailable
The server is temporarily unable to handle the request

Сразу понятно: сервер перегружен или перезагружается. Это не DNS и не конфигурация.

Пример 2. Цикл редиректов#

Скриншот показывает, как URL в адресной строке меняется по кругу или страница застряла на загрузке.

Сразу понятно: неправильно настроены правила редиректов, скорее всего после недавнего деплоя.

Пример 3. Пустая страница (ошибка 500)#

Скриншот показывает почти пустую страницу со стек-трейсом серверной ошибки.

Сразу понятно: приложение упало, проверьте логи на конкретную ошибку.

Пример 4. Ошибка соединения с БД#

Скриншот показывает сообщение об ошибке БД (если страницы ошибок видны).

Сразу понятно: БД лежит или недоступна. Проверьте состояние сервера БД.

Скриншоты в отчётах об инцидентах

Когда происходит инцидент, Nova Uptime даёт:

1. Хронология:

   • 14:32 UTC: первый сбой
   • Прикреплён скриншот сбоя
   • 14:47 UTC: восстановление
   • Прикреплён скриншот восстановления

2. Анализ:

   • Длительность: 15 минут
   • Ошибка: 503 Service Unavailable
   • Визуальное доказательство: скриншот показывает «Server restarting»

3. Контекст:

   • Время отклика до сбоя: в среднем 200 мс
   • Во время сбоя: таймаут (60+ секунд)
   • После восстановления: в среднем 195 мс

Это говорит вам:

• Что-то нагрузило сервер (всплеск до таймаута 60 с)
• Сервер перезагрузился автоматически
• Сейчас сервер восстановлен и работает в норме

Скриншоты в email-алертах#

Nova Uptime прикрепляет скриншоты сбоя прямо в письмах:

🚨 АЛЕРТ: ПРОСТОЙ

Домен: mysite.com
Статус: DOWN (503 Service Unavailable)
Длительность: 12 минут

[Скриншот сбоя прикреплён]

Действия:
- Проверьте логи сервера на «Server restarting»
- Проверьте соединение с БД
- Просмотрите недавние деплои

Команда может ставить диагноз, даже не открывая панель Nova Uptime.

Скриншоты для root cause анализа#

Скриншоты помогают ответить: «Почему упало?»

Сценарий 1. Деплой сломал сайт

• Скриншот показывает старый сайт до деплоя
• Следующий — страницу ошибки после
• Вывод: нужен немедленный rollback
• Действие: git revert последнего коммита

Сценарий 2. БД недоступна

• Скриншот показывает ошибку «Connection refused»
• Вывод: сервер БД лежит или сломана сеть
• Действие: проверить состояние сервера БД, сетевую связность

Сценарий 3. SSL-сертификат истёк

• Скриншот показывает ошибку SSL-сертификата
• Вывод: сертификат истёк и требует продления
• Действие: продлить сертификат (вручную или авто)

Сценарий 4. Цикл редиректов

• Скриншот показывает, что браузер застрял в перезагрузке
• Вывод: некорректные редиректы (HTTP → HTTPS → HTTP → …)
• Действие: проверить правила редиректов в конфиге nginx/Apache

Скриншоты восстановления

Когда сайт возвращается, Nova Uptime фиксирует скриншот восстановления:

✅ ВОССТАНОВЛЕНО

Домен: mysite.com
Статус: UP (200 OK)
Скриншот восстановления: [главная страница в норме]

Сводка простоя:
- Начало: 14:32 UTC
- Конец: 14:47 UTC
- Длительность: 15 минут
- Корневая причина: сервер перезагружался во время деплоя
- Время отклика: вернулось к норме (200 мс)

Это подтверждает:

• Сайт реально вернулся (а не просто отвечает с ошибкой)
• Сайт отзывчив (скриншот доказывает, а не просто HTTP 200)
• Нормальная функциональность вернулась

Особенности мобильных скриншотов

Сайты выглядят по-разному на мобильном и десктопе. Nova Uptime фиксирует:

• Десктоп: 1024×768 (или настраивается)
• Мобильный: 375×667 (опционально)

Если у вас mobile-first сайт, проверяйте и мобильные скриншоты.

Приватность скриншотов

Скриншоты могут содержать:

• Сообщения об ошибках, видимые пользователю
• Детали ошибок БД
• Чувствительную информацию

Лучшие практики:

• Не выводите чувствительные данные в страницах ошибок
• Используйте обобщённые сообщения для публичных ошибок
• Включайте шифрование скриншотов, если доступно
• Ограничьте доступ к панели только для команды

Скриншоты для страниц статуса

Скриншоты сбоев можно показывать клиентам:

Пример письма клиенту:

Сегодня с 14:32 до 14:47 UTC у нас был сбой.
[Скриншот с сообщением об ошибке]
Корневая причина: перезагрузка сервера во время деплоя
Меры: [что мы сделали для исправления]

Прозрачность укрепляет доверие. Скриншоты доказывают, что вы говорите правду.

Автоматический захват скриншотов

Nova Uptime делает скриншоты автоматически:

1. При каждом сбое: алерт о падении → скриншот
2. При восстановлении: алерт об up → скриншот
3. По расписанию: при включении — ежедневные скриншоты (доказывают, что сайт работает)

Настраивается в Настройки → Опции скриншотов.

Скриншоты по запросу

Иногда нужен скриншот вне мониторинга:

1. На панели Nova Uptime откройте домен
2. Кнопка «Запросить скриншот»
3. Сразу видите текущее состояние сайта
4. Сравниваете с предыдущими скриншотами сбоев

Скриншоты vs логи#

Скриншоты показывают то, что видит пользователь. Логи показывают то, что думает сервер.

Иногда они расходятся:

• Логи говорят: «Запрос обработан успешно (200 OK)»
• Скриншот показывает: сообщение «Database connection failed»

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

Ограничения скриншотов

Скриншоты не ловят:

• Ошибки JavaScript (если они не отображаются на странице)
• Медленные API-ответы (если страница всё-таки загрузилась)
• Сетевые таймауты подресурсов
• Клиентские проблемы (краши браузера)

Обходной путь: используйте синтетический мониторинг на базе браузера для продвинутых сценариев.

Итог

Скриншоты дают мгновенные ответы на вопросы:

• Что было не так в момент сбоя?
• Сколько занял возврат к норме?
• Сайт реально полностью восстановлен?
• Какие визуальные доказательства?

Включите автоматические скриншоты в Nova Uptime сегодня: переключите захват скриншотов в настройках домена Nova Uptime. Включено на всех тарифах. 🚀