Google Chrome Dev Tools: изменение и сохранение js и css на лету

Для этого нужен Chrome Canary.

Консоль → настройки → Workspace → Add folder

После этого в консоли, во вкладке Sources, можно редактировать и сохранять js-файлы (страница будет работать с уже обновлённым js, он подменяется на лету, без перезагрузки страницы).
Вот инструкция с картинками — https://plus.google.com/+AddyOsmani/posts/CYXzDfg3jhC, вот видео — https://www.youtube.com/watch?v=kVSo4buDAEE.
Работает также с css-файлами.
Есть даже возможность работать с sass (https://plus.google.com/+GoogleChromeDevelopers/posts/Nx2Yvuv2QeV)

LEAVE A COMMENT