The Chrome Developer Tools (DevTools for short), are a set web authoring and debugging tools built into Google Chrome. The DevTools provide web developers deep access into the internals of the browser and their web application. This overview of the DevTools points out the most popular and useful features. If you haven't used the DevTools before, start here. Even if you're an experienced web developer, you might pick up some tips.
Learn how to manipulate an existing page through this short tutorial.
This tutorial will make the students learn how to to examine, edit and add to the DOM and styles via the Element explorer page.
A copy of DevTools' Resources
Working with the audits tab to run a full audit of any page and suggest ways to improve it. The students will be able to take a brief look at an audit and some examples of audit suggestions.
Learn how to use the Console Tab
At Stone River eLearning, technology is all we teach. If you're interested in programming, development or design - we have it covered.
Check out our huge catalog of courses and join the over 370,000 students currently taking Stone River eLearning courses. We currently offer 100+ different technology training courses on our Stone River eLearning website and are adding new courses on hot and trending topics every month. A subscription option is available for those with a real passion for learning.