LAUNCH THE CHROME INSPECTOR
Google Chrome has a built-in development tool called the Chrome Inspector. You can use it to examine the HTML elements in a web page; review what resources — or files, cookies, and databases — are active; follow network activity; break and step through JavaScript code; understand a timeline of events; profile the CPU usage; and audit overall web page performance.
This chapter focuses on the Chrome Inspector’s most common tasks — reviewing and changing HTML and CSS code and debugging JavaScript code.
The complete features list and documentation for the Chrome Inspector can be found online at Google Chrome Development Tools, http://code.google.com/chrome/devtools/docs/overview.html.
If you are not using Google Chrome, ...
Get HTML5: Your visual blueprint™ for designing rich web pages and applications now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
