Chrome Workspace configuration, chromeworkspace

Chrome Workspace configuration, chromeworkspace

Today, I saw an article about the developer debugging tool Chrome Workspace. Since it was an article a year ago, chrome has been updated to 38. After careful research, the configuration is very simple. (DescriptionMy chrome version is 38.0.2125.111 ).

1. F12: Click the setting button in the upper right corner.

2. Select Workspace and then Add folder.

3. Select the folder where the project is located. When a prompt is displayed, select allow.

4. Right-click the Source panel of Chrome and select the Source file to be edited and select "Map to a Network Resource ". (Note the following files ).

After the css or js is modified on chrome's Sources panel, ctrl + s will automatically modify and save the file. On the Element panel, how can I modify css without pressing ctrl + s? It will be automatically saved.

I have to admire chrome ......