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?
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.
I using this extensions for Json viewer :- https://chrome.google.com/webstore/detail/chklaanhfefbnpoihckbnefhakgolnmc
I'm a little late to the party here but if you are at a breakpoint you can type the object name in and press "Enter" and the JSON object will be printed to the console window.
To see the complete response:
- Navigate to Developer Tools > Network > the given response > Response tab.
- Right click (control-click on Mac) in the Response area > Save As
Screenshot from Version 24.0.1312.57 on Mac.
来源：https://stackoverflow.com/questions/8298165/inspecting-large-json-data-in-chrome