Some useful tools in web development

• Using vs or adobe brackets edits html/css/js, using chrome debugs js, using fiddler analyses http request/response.
• When using adobe brackets, if you edit a html file, and click "Live Preview" on the right-top corner as follows, it will show visual effect of that html in chrome, during editing the html, once you save that html, chrome will show visual effect realtimely.

     

• Using fiddler as follows, you can redirect accessing to some external web sites to your local page, usually it's useful for debug.