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.