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

• 07, 08, 2013
•  bullgare
•  HTML and CSS, javascript, Soft and services
• No Comments.

Для этого нужен 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)

Similar Posts

• Быстрые клавиши для Google Chrome под Mac OS
• Быстрые клавиши для Google Chrome под Windows
• Тестирование Rest API в Google Chrome
• Chrome Dev Tools Filmstrip View
• Как сделать свой chrome extension