Какие есть методы дебага JavaScript кода?

Question

[Викентий]

Пишу JS скрипт для моего сайта на Django, он использует другую подключенную библиотеку:

<script src="video.min.js"></script>
<script src="my_script.js"></script>

// Инициализация Video.js
let player = videojs('video');

Проблема в том, что мой код пишется именно под браузер, т.е. я использую адресную строку, элементы DOM, куки, и не могу дебажить код в VS Code из которой я его пишу.
И в то же время дебажить код в браузере, потом исправлять в VS Code тоже не самое лучшее что можно делать.
Вот, знает ли кто из вас способы как удобно писать JS код, кроме описанного выше?

Comments

[WbICHA]

И в то же время дебажить код в браузере, потом исправлять в VS Code тоже не самое лучшее что можно делать.

А ты думаешь фронты как-то по другому работают?)
Не, задебажить, конечно, можно, только это исключительные моменты, когда дебаг будет быстрее и удобнее консол лога.

Впрочем, если очень хочется, вот есть решение, вроде: https://stackoverflow.com/questions/67514386/how-t...

[Бурль]

ещё нужно не забывать, о том, что консоль это всего лишь инструмент предоставляемый средой, а не стандарт, и работать он может везде по разному =)

[Викентий]

WbICHA,

А ты думаешь фронты как-то по другому работают?)

Надеялся что им известна тайна, которая доступна только фронтам

[Aetae]

Ну можно ide подключить к дебаг сессии браузера, ставить точки останова прям в ней и т.п., но обычно никто этим не заморачивается, в браузере привычнее.

[accXak]

Нет. Страдай.

[xirustam]

Не знаю как с VSCode, но Idea умеет создавать дебажные сессии браузера, что позволяет дебажить код как обычный небраузерный, с бряками, просмотром значений переменных и т.п.

Answer 1

[lrmpsm53]

Через дев тулзы. Но лучше через Firefox это делать. Больше фишечек для дебага

Answer 2

[vic_1]

У хрома есть девтул где есть возможность отладки