如何在Chrome development tool里查看C4C前台发送的请求细节

我们可以在Chrome development tool的network tab里观察到从前台UI发送到后台的HTTP请求:

更多Chrome Development Tool的使用工具请查看我的博客Chrome Development Tool tips used in my daily work

但是直接查看到的是经过gzip之后的内容。如何查看压缩之前的请求体内容呢?

 
如何在Chrome development tool里查看C4C前台发送的请求细节

鼠标放在HttpRequest-dbg.js上,

 
如何在Chrome development tool里查看C4C前台发送的请求细节

会显示出调用栈,单击send:

 
如何在Chrome development tool里查看C4C前台发送的请求细节

在第34行设个断点:

 
如何在Chrome development tool里查看C4C前台发送的请求细节

重新到UI操作,断点出发之后,查看变量vRequestBody的内容即为请求压缩之前的值。

 
如何在Chrome development tool里查看C4C前台发送的请求细节

要获取更多Jerry的原创技术文章,请关注公众号"汪子熙"或者扫描下面二维码:

 
如何在Chrome development tool里查看C4C前台发送的请求细节
 
如何在Chrome development tool里查看C4C前台发送的请求细节

相关推荐