XHR JSON Panel Chrome Extension

This extension add to chrome dev tools a new xhr json panel that presents the most important data sent/received in an ajax process..
This extension add to Chrome Dev Tools a new XHR JSON Panel that presents the most important data sent/received in an Ajax process.

The extension presents a list with all xhr request made to server that have 'application/json' as content type. When expanding the details of such request by clicking + icon, two panel will appear below the request url. On the left side there will be the response preview and on the right side the GET parameters that are attached to the request URL ( good to view and quick to read for long URLs) and below of this the post payload data if any ( and of course, if the request method is POST).

This extension is inspired by Firebug console and helps me when I need to quick compare the data from more requests. In chrome dev tools network panel I can see the data for only one request at a time.

How to install XHR JSON Panel chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the XHR JSON Panel Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension XHR JSON Panel Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the XHR JSON Panel in Chrome Webstore Search and click on the search button.
• Step 3: click on the XHR JSON Panel Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the XHR JSON Panel extension for your Chrome Web browser .