首頁 > 網際網路

通過Chrome控制台詳細檢視ajax請求

2019-12-19 08:32:37

咱們Web程式設計師在開發的時候,會經常需要檢視ajax詳細的傳送資訊和返回資訊。之前一直使用firefox,但是通過下面的例子也許你也會喜歡上Chrome。

1

下面第一張圖是返回的json格式的資料,在firefox裡不管是"響應"還是"html"都不能解析這段json格式的資料,但是在chrome裡則非常智慧的解析為了一個物件,層次鮮明。這一點我已經在之前的經驗中分享過:http://jingyan.baidu.com/article/90bc8fc80bd5f3f652640c4b.html

我今天則想詳細說明chrome控制器檢視ajax請求的詳細方法,該方法完全是個人習慣,不一定最優。



2

首先點選「console」(控制台)然後將所有記錄清空,方便檢視。


3

在前端頁面點選觸發ajax查詢之後,即可在控制台看到一條新記錄,再點選這條ajax請求的連結。


4

則跳到了網頁請求欄,點選顏色較深的那個請求,即為我們剛剛從控制台跳轉過來的源連結。


5

咱們看得最多的就是檢視引數、傳遞的資料、返回的資料,這三部分。

檢視傳遞的資料是否都正常,有沒有遺漏,等等。

其實在headers裡面資訊太多可供參考,有興趣大家自己研究學習。




IT145.com E-mail:sddin#qq.com