XHR JSON Panel

XHR JSON Panel插件简介

XHR JSON Panel插件描述

This extension add to Chrome Dev Tools a new XHR JSON Panel that presents the most imptant 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 exping 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  on the right side the GET parameters that are attached to the request URL ( good to view  quick to read f long URLs)  below of this the  POST payload data if any (  of course, if the request method is POST).
This extension is inspired by Firebug console  helps me when I need to quick compare the data from me requests. In Chrome Dev Tools Netwk panel I can see the data f only one request at a time.  


                                

XHR JSON Panel插件离线安装方法

1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入：chrome://extensions/

3.找到自己已经下载好的Chrome离线安装文件xxx.crx，然后将其从资源管理器中拖动到Chrome的扩展管理界面中，这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。

4.下载 XHR JSON PanelChrome插件v0.0.6版本到本地。

5.勾选开发者模式，点击加载已解压的扩展程序，将文件夹选择即可安装插件。

注意：最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息，参照这篇文章即可解决