How to Use Google Chrome Web Developer Tools

Done are the days when the only programming and testing tools found within a browser allowed you to view a page's source code and nothing more. Modern web browsers let you take a deep dive into things like the advanced debugging JavaScript snippets, inspecting and editing DOM elements, watch real-time network sources as your app or page loads to identify bottlenecks, analyzing your CSS, monitoring your code to ensure it is not utilizing too much memory and much more.

read more