/dev tips

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

(40) Open resources from the Elements panel into the Sources Panel Network colour groups (42)

Chrome DevTools: Preview JavaScript values inline while debugging

22 May 2015
Preview JavaScript values inline while debugging

While debugging, you can preview the values of JavaScript variables at that current point in time - this even works with minified scripts (after you pretty print).

To enable this feature (if it's not already):

  1. Go to DevTools settings (the cog wheel).
  2. Check General > Sources > Display variable values inline while debugging.

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