欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2024-02-21 19:44:58
...

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

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

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

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

鼠标放在HttpRequest-dbg.js上,

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

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

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

在第34行设个断点:

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

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

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

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

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