Published on

How to Inspect JSON in Chrome DevTools, best way



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.