jqueryajaxjsongoogle-chromegoogle-chrome-devtools

Inspecting large JSON data in Chrome


There is a page on my website that uses jquery AJAX to request JSON data from the PHP backend. I want to view the JSON returned to the browser, and is trying to do so using Chrome browser's Developer tools, under Network> Response.

Problem: Although I am able to view the JSON data by selecting the XHR item there, the response appears to be cut off midway. According to Chrome, this JSON response is 300-400KB in size. I wonder whether if the webpage is receiving the full JSON response without truncation, and if not, how can I view the full data being received?


Solution

  • Have you tried the "preview" tab - it lets you view your result as a proper JavaScript object, with the ability to expand nodes. It's much easier to work with than the raw text from the response tab.

    enter image description here