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.
You can Follow the below Step By Step procedure to install the XHR JSON Panel Chrome Extension to your Chrome Web browser.
It is the XHR JSON Panel Chrome extension download link you can download and install Chrome Browser.
Toggle classes and attributes
Inspect GraphQL and raw HTTP requests/responses like a Boss ? ★ Querio intercepts and displays GraphQL, Fetch and XHR requests in…
Inject JavaScript code into every page (e.g. to help with debugging). For example, make your own wrapper for console logging.
Inspect API calls extension
Monitor HTTP GET/POST requests. XML/JSON Viewer/Formatter for request and response body. REST Client: send GET/POST/PATCH requests.
Inspect cookies and HTML5 web storage data (localStorage and sessionStorage) stored by a web page. You can easily check if a…
HTTP Header Spy enables you to inspect request- response headers and cookies right after page load with no extra clicks.
Monitor, search your network requests, and download them easily
Adds a multiline JavaScript console to the Chrome developer tools.
This extension gives the consolidated view of all requests made by a web page. View includes request body and also the API response