Chrome developer tools workspace mappings -


can tell me how chrome developer tools workspace mappings work. believe available in canary @ moment.

i thought supposed allow me make changes css rules in elements view , have them automatically saved local files demonstrated paul irish @ google io 2013. can't functionality work.

https://developers.google.com/events/io/sessions/325206725

it works in canary @ moment.

edit: in chrome (since ver 30+)

1) need open devtools settings panel. has 'workspace' section.

screenshot of settings page

2) in section need click on 'add folder' item. show folder selection dialog.

3) after selecting folder see info bar access rights folder.

screenshot of access rights infobar

4) result see 2 top level elements in source panel file selector pane. in case localhost:9080 site , devtools local file system folder. @ moment need create mapping between site files , local files. can via context menu on file.

mapping screenshot

it doesn't matter file map, local or site file.

5) @ moment devtools ask restart. restart screenshot

after restart devtools show singe folder entry in files pane , apply changes local file each time when press ctrl + s or cmd + s on mac.


Comments

Popular posts from this blog

SPSS keyboard combination alters encoding -

Add new record to the table by click on the button in Microsoft Access -

CSS3 Transition to highlight new elements created in JQuery -