如何在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前台发送的请求细节_第1张图片

鼠标放在HttpRequest-dbg.js上,

如何在Chrome development tool里查看C4C前台发送的请求细节_第2张图片

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

如何在Chrome development tool里查看C4C前台发送的请求细节_第3张图片

在第34行设个断点:

如何在Chrome development tool里查看C4C前台发送的请求细节_第4张图片

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

如何在Chrome development tool里查看C4C前台发送的请求细节_第5张图片

你可能感兴趣的:(如何在Chrome development tool里查看C4C前台发送的请求细节)