How to Open Google Chrome's Developer Tools

Google Chrome's Developer Tools can help you diagnose problems and test the HTML, CSS, and JavaScript code on a web page.

To open Google Chrome's developer tools, clicke on the triple dot in the upper-right-hand corner: Google Chrome Dev Tools

Select the Console tab. This will show you any JavaScript errors on the page and will also allow you to test JavaScript code:Google Chrome Console

Author: Nat Dunn

Nat Dunn is the founder of Webucator (, a company that has provided training for tens of thousands of students from thousands of organizations. Nat started the company in 2003 to combine his passion for technical training with his business expertise, and to help companies benefit from both. His previous experience was in sales, business and technical training, and management. Nat has an MBA from Harvard Business School and a BA in International Relations from Pomona College.

Follow Nat on Twitter at @natdunn and Webucator at @webucator.

About Webucator

Webucator provides instructor-led training to students throughout the US and Canada. We have trained over 90,000 students from over 16,000 organizations on technologies such as Microsoft ASP.NET, Microsoft Office, Azure, Windows, Java, Adobe, Python, SQL, JavaScript, Angular and much more. Check out our complete course catalog.