Что можно смотреть в DevTools

Что проверяют

Умеете ли вы локализовать баг сами, а не заводить задачу «на странице не работает кнопка». Перечислить вкладки может любой, интервьюеру важно, какой вопрос вы задаёте каждой. Следом почти всегда звучит: «как по DevTools понять, чья это ошибка, фронтенда или бэкенда?»

Как отвечать

Идите от задач тестировщика, называя панели Chrome DevTools:

• Network: статус, заголовки, тело запроса и ответа, время. Полезные флажки: Preserve log, чтобы запросы не пропадали при редиректе, Disable cache, троттлинг сети. Copy as cURL переносит запрос в терминал, а сохранённый HAR прикладывается к баг-репорту;
• Console: ошибки JavaScript, CORS, Mixed Content, упавшие загрузки ресурсов. Стек ошибки показывает, в каком файле сломалось;
• Elements: DOM и стили, принудительное состояние :hover и :focus, атрибуты для локаторов автотестов;
• Application: cookies с флагами HttpOnly, Secure, SameSite, localStorage, sessionStorage, IndexedDB, Service Worker, очистка данных сайта;
• Device Mode: размеры экрана, мобильный user agent, геолокация в Sensors;
• Performance и Lighthouse: запись сценария, долгие задачи, метрики LCP, CLS, INP, аудит доступности;
• Local Overrides: подмена ответа сервера, чтобы проверить интерфейс на данных, которые сложно получить честно.

Ответ на уточнение строится через Network. Ответ 500 или 400 на корректный запрос указывает на бэкенд. Если сервер вернул 200 и правильные данные, а на экране другое, ошибка на клиенте. Если клиент отправил неверные параметры, это тоже фронтенд, и видно это во вкладке Payload.

Где спотыкаются

Перечисляют вкладки без сценариев. Фраза «в Network смотрят запросы» ничего не говорит о том, как вы ищете причину бага.

Забывают про кэш и Preserve log. Проверяют исправление на старых файлах из кэша или теряют упавший запрос после перехода на другую страницу.

Считают Device Mode заменой реального устройства. Эмуляция меняет размер окна и user agent, но не движок Safari, не производительность телефона и не поведение экранной клавиатуры, поэтому мобильные баги подтверждают на железе или в облачной ферме устройств.