«   Previous tip Next tip   »

Chrome DevTools: Preview JavaScript values inline while debugging

Last updated: 26th July 2020
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).

How to enable

Update (July 2020): This is now enabled by default.

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.


On the subject of JavaScript breakpoints, you can actually pause JavaScript without having to even set a breakpoint. This tip shows how.

«   Previous tip Next tip   »

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