XHR JSON Panel

This extension add to Chrome Dev Tools a new XHR JSON Panel that presents the most important data sent/received in an Ajax process.

What is XHR JSON Panel?

XHR JSON Panel is a Chrome extension designed to streamline your workflow by enhancing Chrome Dev Tools. Through this extension, you get a dedicated panel that displays a list of all XHR requests made to the server with 'application/json' as the content type. By expanding any request, you get two sections. One shows the response preview, and the other showcases the GET parameters attached to the request URL. Moreover, if applicable, it presents POST payload data too. It’s specifically useful for comprehending long URLs and comparing data from multiple requests at a glance.

Download

Stats

By: Sergiu Boboc

View on Chrome Web Store

Users: 3,000+

Rating: 4.39 (18)

Version: 0.0.6 (Last updated: 2021-11-01)

Creation date: 2018-02-08

Risk impact: Moderate risk impact

Risk likelihood: Very low risk likelihood

Manifest version: 2

Permissions:

http://*/*
https://*/*

Size: 46.92K

Email: se*****@gmail.com

URLs: Website

Stats date:

Chrome-Stats Rank

# 17320 ▼ 129

Other rankings

#160 in Developer Tools #38 in panel keyword 21 ▼ 15 #74 in json keyword 76 ▼ 4 #119 in request keyword 26 ▼ 7

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Summary

Analyze keywords

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.

User reviews

This is a great extension, except for missing of an exclude feature by fields other than the URL, say the content in the JSON.

Abdulhamid Abdo, 2022-02-18

This is really helpful. I hope you will support dark theme. Thanks.

Ryuichi Yano, 2022-02-18

dont work

Иван Чиненков, 2020-08-03

View all user reviews

Safety

Risk impact

XHR JSON Panel may not be safe to use and it requires some risky permissions. Exercise caution when installing this extension. Review carefully before installing.