Chrome Debugger: инструмент, который ты зря игнорируешь

В этом видео я покажу, как пользоваться дебаггером в Chrome DevTools. Мы разберём: как использовать разные типы брейкпоинтов, как пошагово выполнять код и смотреть, что происходит, как редактировать код в процессе дебага, прямо в браузере. Это гайд для тех, кто хочет дебажить быстрее и эффективнее. 00:00 Начало 00:18 Debugger 01:22 Контролы навигации 03:07 Code Editor 05:05 Watch 05:35 Scope 06:55 Breakpoints 07:41 Conditional Breakpoint 08:02 Logpoint 08:58 On Exceptions Breakpoints 10:00 XHR/fetch Breakpoints 10:29 DOM Breakpoints 12:20 Global Listeners 12:40 Event Listener Breakpoints 12:57 CSP Violation Breakpoint 13:15 Function Breakpoints 13:54 Игнорирование брейкпоинтов и скриптов 15:03 Call stack 15:55 Threads 16:34 Continue to here 17:08 Завершение