Как дебажить страницу (JS)?

Question

[kevus]

Натыкался на похожие вопросы, но не то.
Есть у меня страница (разметка).

Есть в ней JS код, как простыней так и подключаемый.
Можно ли как-то в том же Chrome дебажить его, экспрементировать?

Внес правки, браузер их подхватил - на лету.

Есть окно Reveal on sources panel.
Правки делать можно, сохранять локально, но браузер их на лету не подскатывает.

Спасибо.

Answer 1

[Gariks]

На node.js есть такая штука называется browser-sync и различные таск менеджеры например Gulp, но для JS тебе лучше использовать Webpack, это комбайн посложней.
Вот настроенный проект для JS со всеми возможными плюшками - https://github.com/Garik-/template-project.js. Добавь туда browser-sync или аналог и наслаждайся.

А вот проект верстки на Gulp с browser-sync - https://github.com/artemtyrsin/theme_shanti/, посмотри там gulpfile.js и package.json.

Comments

[kevus]

Спасибо за развернутый ответ.
Если нет доступа к файлам? Они на второй стороне.