Peter Mekhaeil

Logging variables in Chrome DevTools using logpoints

logpoints in Chrome DevTools allow you insert logging statements without adding breakpoints.

Right-click on the line you want to log:

Screenshot 2022-05-24 at 9 19 45 PM

Add the statement you would like to output to the console:

Screenshot 2022-05-24 at 9 23 58 PM

Everytime the code runs on this logpoint, it will output to the console:

Screenshot 2022-05-24 at 9 27 54 PM

This allows for quick console logging without having you to touch your source code and without having to add breakpoints.