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