Какими инструментами и подходами вы отлаживаете JavaScript?

Простыми словами

Сначала стабильно воспроизвести баг, сузить сценарий, сформулировать гипотезу и смотреть расхождение expected/actual в нужной границе.

Инструменты

• Breakpoints, conditional breakpoints, logpoints, Call Stack.
• Network — статус, тело, CORS, водяные запросы.
• Source maps — отладка бандла/TypeScript.
• Performance / Memory — тормоза и утечки.
• Framework tools (React/Vue) — когда баг в state/render.

Лучше точечный debugger, чем ковёр из вечных console.log. После фикса — регрессионный тест и сохранённый вход, который ломал систему.

Итог

Отладка — метод: reproduce → hypothesize → observe → fix → regress. DevTools — усилитель, не замена мышления.

Для гонок и async удобны breakpoints в Network (XHR/fetch) и async stack traces. Если баг только на проде — remote debugging, feature flags и воспроизведение на staging с теми же данными. Логируйте корреляционный id запроса, а не только текст ошибки.