Developer debugging tools Chrome Workspace and chromeworkspace

Developer debugging tools Chrome Workspace and chromeworkspace
What is Workspace? He can debug and modify js or css in the developer tool and automatically save the file at the same time, so that the developer can avoid debugging in the tool and then modify the code repeatedly in the editor, improve Efficiency
Configure Chrome Workspace

Chrome Workspace directly applies modifications to documents in Chrome Developer Tools (F12) to corresponding files.
Because Chrome does not know which file the document applies to, You need to configure the Workspace ing to tell Chrome which file to modify.

Workspace conditions:

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

1. Click the setting button of the F12 tool.

2. Click workspace on the left.

3. Click Add folder.

4. Select the root directory of the server, and then make sure chrome will make a prompt on it. Click "allow.

Double-click the place shown in to configure the ing relationship.

6. Fill in the ing relationship according to the actual situation. Be sure to fill in the/on the right (key steps)

Click the blank area to complete the filling.

7. Go back to a page and try to change a style value. Then open your style file to verify that it takes effect.

Note that Workspace is only valid for external CSS Styles!

Refer:

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