/dev tips

🎊   The Modern DevTools course has now started! Visit ModernDevTools.com to find out more   🎊

(95) Resource Initiators, see how a resource came into existence Record animations with the animation recorder (97)

Chrome DevTools: Resolve Variable Names when debugging using Source Maps

9 Mar 2016
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.

Warning: This is an experimental feature currently in Canary! Things are likely to change. Some experimental features are removed.

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