Developer Debugging Tools Chrome Workspace

What kind of thing is a workspace? He is able to debug JS or CSS in developer tools whileAuto Savefiles, to avoid the developers debugging in the tool, and then to the editor to modify the repeated operation of the code, can improve a certain degree of efficiency
Configure Chrome Workspace Features

The Chrome workspace feature is to apply changes to the document in the Chrome developer tools (F12) directly to the corresponding file.
Because Chrome doesn't know which of course documents are applied to files, you need to configure workspace mappings to tell Chrome which file to modify

Use workspace conditions:

• Chrome v31+ (official version)
• Local server development

1. Click the F12 tool's Settings button

2. Click Workspace on the left

3. Click Add Folder

4. Select the root directory where the server is located, and then make sure that Chrome will give you a hint and click Allow 5.

Double-click the location shown to configure the mapping relationship

6. Fill in the mapping relationship, depending on the situation, pay attention to the right/must fill (critical steps)

Then click on the blank space to complete the fill

7. then go back to a page, try to change a style value, and then open your style file to verify that it's in effect

Note Workspace is only valid for externally introduced CSS styles!

Reference:

Http://www.cnblogs.com/terrylin/p/3629751.html

Developer Debugging Tools Chrome Workspace