Ответ 1
В настоящий момент он работает только в канарее.
EDIT: теперь в Chrome (начиная с версии 30 +)
1) вам нужно открыть панель настроек devtools. Он имеет раздел "Рабочая область".
2) в этом разделе вам нужно щелкнуть элемент "Добавить папку". Он отобразит диалог выбора папки.
3) После выбора папки вы увидите информационную панель о правах доступа к папке.
4) В результате вы увидите два элемента верхнего уровня в панели выбора файлов панели "Исходный". В моем случае это была локальная локальная папка файловой системы localhost: 9080 и devtools. На данный момент вам нужно создать сопоставление между файлами сайта и вашими локальными файлами. Вы можете сделать это через контекстное меню в файле.
Не имеет значения, какой файл следует отображать, локальный или файл сайта.
5), в этот момент devtools спросят вас о перезапуске.
После перезагрузки devtools покажет вам запись певческой папки в панели файлов и будет применять все изменения, которые вы делаете к локальному файлу, каждый раз, когда вы нажимаете Ctrl + S или Cmd + S на mac.