如何在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前臺發送的請求細節

鼠標放在HttpRequest-dbg.js上,

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

會顯示出調用棧,單擊send:

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

在第34行設個斷點:

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

重新到UI操作,斷點出發之後,查看變量vRequestBody的內容即爲請求壓縮之前的值。

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

要獲取更多Jerry的原創技術文章,請關注公衆號"汪子熙"或者掃描下面二維碼:

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

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章