如何在Chrome development tool裡檢視C4C前臺傳送的請求細節

i042416發表於2018-03-15

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

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/24475491/viewspace-2151908/,如需轉載,請註明出處,否則將追究法律責任。

相關文章