What is Chrome DevTools good for?

Chrome DevTools is a set of web developer tools built directly into the Google Chrome browser. Using DevTools you can see what is happening behind the scenes in your browser.

DevTools can help you diagnose problems. You can see

• JavaScript errors,
• all HTTP requests and responses that were sent to a server and returned from the server,
• all details about the requests and responses - methods, URLs, headers, data, status codes, timings,
• the source code of each element that is on the page
• the CSS styles,
• javascripts,
• cookies,
• other assets that the page contains.