Тестирование с консолью браузера

Консоль браузера — прямой инструмент наблюдения за поведением сайта в реальном времени. Через неё проверяется логика, стабильность, интеграции и техническое состояние интерфейса.

Проверка ошибок

Консоль показывает:

По количеству и характеру ошибок складывается представление о технической зрелости продукта.

Например:

Даже одна ошибка в пользовательском сценарии уже влияет на качество.

Проверка работы API

Во вкладке Network + Console:

Можно вручную отправлять запросы:

fetch('/api/cart') .then(res => res.json()) .then(data => console.log(data))

Это позволяет:

Консоль становится быстрым способом smoke-проверки backend-логики.

Проверка DOM и состояния страницы

Через консоль можно:

Изменять элементы интерфейса:

document.querySelector('.price').textContent = '0 ₽'

Проверяется:

Если после изменения сайт ломается — фронт чувствителен к данным.

Проверка пользовательских сценариев

Можно симулировать действия пользователя:

document.querySelector('.buy-button').click()

или

localStorage.setItem('city', 'Москва')

Позволяет:

Проверка производительности

Через консоль доступны тайминги:

performance.getEntriesByType("navigation")

Показывает:

Долгие скрипты или тяжелые ресурсы напрямую отражают качество сайта.

Проверка безопасности

Консоль помогает увидеть:

Например:

localStorage

Если там лежит JWT — архитектурный риск.

Проверка устойчивости

Можно вручную создавать нестандартные условия:

Удалить элемент:

document.querySelector('.delivery').remove()

или изменить ответ API через DevTools.

Сайт должен продолжать работать.

Косвенные признаки качества сайта

Через консоль оценивается:

Чистая консоль при основных сценариях — признак зрелой разработки.

[task_id id="21417"]

Открыть исходную публикацию