«   Previous tip Next tip   »

Chrome DevTools: Resolve Variable Names when debugging using Source Maps

Last updated: 20th July 2020
Resolve Variable Names when debugging using Source Maps

Debugging with Source Maps has become more powerful with DevTools' recent ability to resolve variable names.

What does this mean?

If you are debugging a production-ready minified piece of JavaScript and pause at a breakpoint, you will see unhelpful scoped variable names like a, b, c etc. With the Resolve Variable Names experiment enabled, you will instead see the variables as they exist in your source code, like element, width, height etc.

«   Previous tip Next tip   »

Sign up to receive a developer tip, in the form of a gif, in your inbox each week