DEV Community

Cover image for Best way to Inspect JSON in Chrome DevTools
Ashutosh
Ashutosh

Posted on • Updated on • Originally published at ashutosh.website

Best way to Inspect JSON in Chrome DevTools

Have you ever found yourself in a situation where you need to inspect the JSON data in developer tools? If so, you might click through properties to expand them and see what is inside. However, with a nested JSON it could take some clicks to get to what you are looking for. What if there is a better way? Well, there is :)

Did you know you could recursively expand JSON objects in Chrome DevTools?

You can expand a JSON object recursively in chrome developer tools by either right clicking on the object and choosing the expand recursively option from the context menu or using a keyboard shortcut for the same, which is ALT + Click on Windows and Command + Click on Mac.

If you prefer video format please do check out my YouTube video:


I hope you find this tip interesting and helpful.
If you did, please give it a like and share it with someone who might benefit from it.

My name is Ashutosh, and apart from working as a software engineer, I love to share my learning with the community.
You can connect with me on LinkedIn and follow me on Twitter.
 

Top comments (0)