XHR JSON Panel – Chrome Dev Tools Extension

XHR JSON Panel is a free Chrome Dev Tools extension developed by Sergiu Boboc. This extension adds a new panel to the Chrome Dev Tools that presents the most important data sent and received in an Ajax process.

The extension provides a list of all XHR requests made to the server with the content type of ‘application/json’. When expanding the details of a request, two panels appear below the request URL. The left panel displays the response preview, while the right panel shows the GET parameters attached to the request URL, making it convenient to view and read long URLs. Additionally, if the request method is POST, the POST payload data is displayed below the GET parameters.

Inspired by Firebug console, this extension is a valuable tool for quickly comparing data from multiple requests. Unlike the Chrome Dev Tools Network panel, which only displays data for one request at a time, XHR JSON Panel allows for efficient analysis of multiple requests simultaneously.