如何在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前台发送的请求细节 如何在Chrome development tool里查看C4C前台发送的请求细节](https://cdn.ancii.com/article/image/v1/V1/gl/_d/d_g1lVoFnaHF66uLvjLNgrNwLOlgxjAwTZLe7DAT3x2t904_cuYFw1FRoLgZPQB8SlKdWHHwuFMvk_W7o_VESGnn3ANRPvdb8x47x6vVrKUP-PpFD76OUWGM57t7CEKQ7qC4HCdHZEnGUWeSsil818G4eUThu2p4Pv4MRQhlT2Y.jpg)
鼠标放在HttpRequest-dbg.js上,
![如何在Chrome development tool里查看C4C前台发送的请求细节 如何在Chrome development tool里查看C4C前台发送的请求细节](https://cdn.ancii.com/article/image/v1/V1/gl/_d/d_g1lVoFnaHF66uLvjLNgrNwLOlgxjAwTZLe7DAT3x2t904_cuYFw1FRoLgZPQB8t6AkDmDayqnd0vU0J9YImx0RF_XkN083_wwZloSdPEEP-PpFD76OUWGM57t7CEKQ7qC4HCdHZEnGUWeSsil818G4eUThu2p4Pv4MRQhlT2Y.jpg)
会显示出调用栈,单击send:
![如何在Chrome development tool里查看C4C前台发送的请求细节 如何在Chrome development tool里查看C4C前台发送的请求细节](https://cdn.ancii.com/article/image/v1/V1/gl/_d/d_g1lVoFnaHF66uLvjLNgrNwLOlgxjAwTZLe7DAT3x2t904_cuYFw1FRoLgZPQB87g_Z47zaEygJQl9Xn1HNUhyKN-T7wFuNuQOKzg5vWh8P-PpFD76OUWGM57t7CEKQ7qC4HCdHZEnGUWeSsil818G4eUThu2p4Pv4MRQhlT2Y.jpg)
在第34行设个断点:
![如何在Chrome development tool里查看C4C前台发送的请求细节 如何在Chrome development tool里查看C4C前台发送的请求细节](https://cdn.ancii.com/article/image/v1/V1/gl/_d/d_g1lVoFnaHF66uLvjLNgrNwLOlgxjAwTZLe7DAT3x2t904_cuYFw1FRoLgZPQB8VxuOxIIFSryssBI4eabObhildj2Sofjus_j09WFECp4P-PpFD76OUWGM57t7CEKQ7qC4HCdHZEnGUWeSsil818G4eUThu2p4Pv4MRQhlT2Y.jpg)
重新到UI操作,断点出发之后,查看变量vRequestBody的内容即为请求压缩之前的值。
![如何在Chrome development tool里查看C4C前台发送的请求细节 如何在Chrome development tool里查看C4C前台发送的请求细节](https://cdn.ancii.com/article/image/v1/V1/gl/_d/d_g1lVoFnaHF66uLvjLNgrNwLOlgxjAwTZLe7DAT3x2t904_cuYFw1FRoLgZPQB8BJyIPulaWLyd_5dh3szGUhPFUHYk89-CMfBfxyTOE4cP-PpFD76OUWGM57t7CEKQ7qC4HCdHZEnGUWeSsil818G4eUThu2p4Pv4MRQhlT2Y.jpg)
要获取更多Jerry的原创技术文章,请关注公众号"汪子熙"或者扫描下面二维码:
![如何在Chrome development tool里查看C4C前台发送的请求细节 如何在Chrome development tool里查看C4C前台发送的请求细节](https://cdn.ancii.com/article/image/v1/V1/gl/_d/d_g1lVoFnaHF66uLvjLNgrNwLOlgxjAwTZLe7DAT3x2t904_cuYFw1FRoLgZPQB8zwJxvFWwcbHxopqz58hXD6g8GeKlkYtLjOoIeOW2edAP-PpFD76OUWGM57t7CEKQ7qC4HCdHZEnGUWeSsil81xOZXKfNK6N9zrPTlMzh8gg.jpg)
![如何在Chrome development tool里查看C4C前台发送的请求细节 如何在Chrome development tool里查看C4C前台发送的请求细节](https://cdn.ancii.com/article/image/v1/V1/gl/_d/d_g1lVoFnaHF66uLvjLNgrNwLOlgxjAwTZLe7DAT3x2t904_cuYFw1FRoLgZPQB8oFT3_XvAILHgeGWNMqJLhsYr8JvdxZZIpzQxWC08jU8P-PpFD76OUWGM57t7CEKQ7qC4HCdHZEnGUWeSsil811RkDz8QQMtHxQVziy5eu1s.jpg)
相关推荐
amwayy 2020-08-03
idning 2020-08-03
wuguangbin0 2019-12-08
GameBuilder 2019-12-03
软件的信雅达 2019-11-19
lybingo 2015-07-01
masternan 2019-11-08
liqiancao 2014-04-15
MillDragon 2019-08-17
wanveedn 2015-09-22
AxDoctor 2015-08-02
chengdafeng 2010-07-30
Gexrior 2014-04-15
chengdafeng 2010-06-22
ConquerALL 2010-06-07
heroxsx 2010-01-25
hongsheyoumo 2010-01-18
fengwuxichen 2019-04-11
dusuanyun 2018-11-20