Hands-on with the Google Chrome Development Tools

by Ryan Boudreaux  |  March 30, 2012, 7:15am PDT  |  Image 20 of 56

Google Chrome Console Panel

Now, I'll demonstrate using the Console Panel to conduct debugging, inspect the DOM, or analyze any HTML errors for selected web pages. In previous posts on the Google Development toolkit, I introduced the Elements Panel and the Resource Panel.

In Google Chrome, select any page you wish to inspect; for this example, I will be demonstrating the Console using the Wikipedia.org website.

Google Chrome Console Panel - Image 20 of 56

Related Galleries

Ryan Boudreaux

About Ryan Boudreaux

Ryan's experience includes a broad range of technology support roles and web development expertise.

Ryan Boudreaux

Ryan Boudreaux
Ryan has performed in a broad range of technology support roles for electric-generation utilities, including nuclear power plants, and for the telecommunications industry. He has worked in web development for the restaurant industry and the Federal government.