Debugging with Devtools

Who Devtools Feature Location
Your project Copy-Paste Wherever
Anyones project Local overrides A separare local folder
Your project Workspaces Git checkout

Performance Monitor

Console messages

Network Search

Accesibility

PWA

Lighthouse

Viewtrace

User timing

Async Await

$_

Blackboxing

Stepping in Async Functions

Debugging web worker

Console
Command line API

copy(...)

to the clipboard

debug(nativeFn)

Como document.querySelector

monitor(nativeFn)

Como document.querySelector

queryObjects()

List all instances of a contructor

Eager Evaluation

(regex, DOM demo y JSON)

NodeJS

--inspect

--inspect-brk

about:inspect

Start debugging

process._debugProcess(pid)

Debugging JS

By Gonzalo Ruiz de Villa

Made with Slides.com

Debugging JS

  • 2,767

More from Gonzalo Ruiz de Villa