Отладка JavaScript в Chrome с панелью «Источники» в Chrome DevTools

В этом курсе рассматривается панель «Источники» в Chrome DevTools, которая позволяет увидеть, какие файлы отвечают за различные действия на экране. Однако в эту панель встроен единственный наиболее полезный инструмент для любого разработчика JavaScript - Debugger JavaScript.

Мы будем использовать отладчик для проверки JavaScript во время его работы, что позволит вам наблюдать (и даже взаимодействовать) с состоянием вашего приложения, так как оно работает таким образом, что это поразит вас, если вы в основном использовали console.log до этого.