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

Posted JerryWangSAP

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在Chrome development tool里查看C4C前台发送的请求细节相关的知识,希望对你有一定的参考价值。

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

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

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

技术分享图片

鼠标放在HttpRequest-dbg.js上,

技术分享图片

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

技术分享图片

在第34行设个断点:

技术分享图片

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

技术分享图片

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

技术分享图片

技术分享图片

以上是关于如何在Chrome development tool里查看C4C前台发送的请求细节的主要内容,如果未能解决你的问题,请参考以下文章

Chrome 上的 NotFound net::ERR_TOO_MANY_REDIRECTS,SEC7127:针对 IE 上的 CORS 请求阻止重定向

如何掌握谷歌的Chrome developer tool调试技巧

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

VSCode进行远程服务器代码调试运行免密码秘钥设置(Remote Development)常用问题解决(permissions are too open等)

You can find the timer(s) that are using too much CPU time using the Developer Tools timeline

[chrome-debug]如何使用chrome调试你的移动设备