How to Use Chrome Developer Tools

Using Chrome developer tools to your advantage: for the newbie!
4.4 (66 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
11,936 students enrolled
80% off
Coupon valid until Mar 1, 2017 7:59 AM UTC
Take This Course
  • Lectures 8
  • Length 39 mins
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 10/2013 English

Course Description

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.

What are the requirements?

  • A drive to develop great websites

What am I going to get from this course?

  • Introduce you to Chrome developer tools

Who is the target audience?

  • Beginning web developers
  • Intermediate web developers
  • Advanced web developers

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Introduction to the Course

Welcome to the course!

This short tutorial introduces Chrome Developer Tools (DevTools for short), as a set web authoring and debugging tools built into Google Chrome.

Section 2: Basics of Chrome's Developer Tools

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


Here the students will learn how to use the scripts tab lets in order to view, edit and debug JavaScript code extremely easily.


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

Request a Course

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Stone River eLearning, 220,000+ Happy Udemy Students

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.

Ready to start learning?
Take This Course