Published on January 5, 2018 by Chrome

If you’re still using console.log() to find and fix JavaScript issues, you might be spending more time debugging than you need to. This tutorial shows you how to make the most of Chrome DevTools so that you can debug your JavaScript as quickly as possible.

Demo: goo.gl/MwytjG
Doc version of this tutorial: goo.gl/NZxQdD
Breakpoints Guide: goo.gl/9XYhhF
JavaScript Debugging Reference: goo.gl/osaf2Q

Subscribe to the Google Chrome Developers channel: goo.gl/LLLNvf

Leave a Reply

77 Comments on "Chrome DevTools 101: Debugging JavaScript"

Notify of
avatar

K.J. Ye
Guest
K.J. Ye
5 months 8 days ago

This is so dope! Ty!

pplatinumss
Guest
pplatinumss
5 months 9 days ago

When can devtools dynamicly change non .js files, ie inline javascript in the html file

youee1234
Guest
youee1234
5 months 14 days ago

If I'm using sourcemap, how do I set devtools to open the right module?is it the same question as @Dimitar Nestorov?I'm using React and bundling it with webpack, so, bringing me into the bundle file isn't very efficient

qaradax jjaf
Guest
qaradax jjaf
4 months 19 days ago

2018

microdeath1000
Guest
microdeath1000
5 months 21 days ago

what if your on a chromebook

ErnestGTY
Guest
ErnestGTY
5 months 30 days ago

i'm ashamed to say i've been using console.log for far too long now. it's time to change

Kayce Basques
Guest
Kayce Basques
5 months 21 days ago

Nothing to be ashamed of. I use it, too, sometimes. But the DevTools workflow seriously improves my productivity sometimes, and I just wanted to share it with others.

Kellen
Guest
Kellen
5 months 30 days ago

2:32 lol who says "button" like this?

Kayce Basques
Guest
Kayce Basques
5 months 21 days ago

Funny enough, you're probably the 5th person to point out how I say "button"…Button

Sean Searle
Guest
Sean Searle
6 months 18 days ago

Awesome video, thanks!

Cattaneo Pablo
Guest
Cattaneo Pablo
6 months 23 days ago

See this links if you want to use "Event listener Breakpoints" and you are using jQuery o similar library: stackoverflow.com/questions/20366823/event-listeners-in-chrome-with-jquery

Natalie Harrington
Guest
Natalie Harrington
7 months 1 day ago

I love You!

Ciprian Cucuruz
Guest
Ciprian Cucuruz
7 months 3 days ago

Very useful tutorial!

1 2 3 4
wpDiscuz