Can I DevTools?
All
120
Accessibility
9
Audit
2
CSS
32
Console
14
Elements
16
JavaScript
4
Network
17
Other
14
Sources
12
Favorites
0
About
Testimonials
It is like
@CanIUse
but for the browser devtools, created & curated by
@pankajparashar
. Get weekly tips & tricks for your favorite browser devtools by
subscribing
to the newsletter!
Ads via Carbon
1
2
3
4
Sources
Edit
Debug JavaScript
Can I debug JavaScript using devtools?
Last Modified
5 months ago
Author
@pankajparashar
Test Live
via
BrowserStack
Newsletter
Related (0)
FIREFOX
Share
Notes
In the
Debugger
tab, open the
.js
file from the
Sources
panel in the left sidebar. Set a breakpoint by clicking on the line number.
Perform the action necessary to trigger that line of code, which will pause the execution at the breakpoint.
Use the toolbar on the right sidebar to step-in/step-out, watch expressions, local vars while debugging through the code.
Alternatively, you can also add the
debugger;
statement in the code to pause execution of the code at that line.
References (1)
"JavaScript Debugger", by Firefox Source
Docs