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
2 months 17 days ago

This is so dope! Ty!

pplatinumss
Guest
pplatinumss
2 months 18 days ago

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

youee1234
Guest
youee1234
2 months 23 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
1 month 27 days ago

2018

microdeath1000
Guest
microdeath1000
2 months 29 days ago

what if your on a chromebook

ErnestGTY
Guest
ErnestGTY
3 months 8 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
2 months 29 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
3 months 8 days ago

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

Kayce Basques
Guest
Kayce Basques
2 months 29 days ago

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

Sean Searle
Guest
Sean Searle
3 months 26 days ago

Awesome video, thanks!

Cattaneo Pablo
Guest
Cattaneo Pablo
4 months 1 day 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
4 months 10 days ago

I love You!

Ciprian Cucuruz
Guest
Ciprian Cucuruz
4 months 12 days ago

Very useful tutorial!

1 2 3 4
wpDiscuz