1. 程式人生 > >如何在Chrome development tool裏查看C4C前臺發送的請求細節

如何在Chrome development tool裏查看C4C前臺發送的請求細節

end CI 如何 單擊 重新 dev 變量 ogr 公眾號

我們可以在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前臺發送的請求細節