Can I DevTools?
All
151
Accessibility
9
Audit
2
CSS
36
Console
14
Elements
27
JavaScript
5
Network
27
Other
18
Performance
1
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
Twitter
Github
Substack
Theme
Sources
Edit
Debug JavaScript
Can I debug JavaScript using devtools?
Last Modified
3 months ago
Authors
@pankajparashar
Test Live
via
BrowserStack
Newsletter
Related (0)
EDGE
Share
Notes
In the
Sources
tab, open the
.js
file from the
Page
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)
[1] "Use Debugger pane", by Edge DevTools
Docs