當我們在前端開發中,需要請求后臺接口獲取數據的時候,我們通常會使用ajax或者fetch等工具來實現。在獲取到后臺返回的數據之后,我們需要對其進行處理,這時候 chrome 瀏覽器提供了一種非常方便的查看方式,就是查看返回的 JSON 數據。
使用 chrome 查看返回的 JSON 數據非常簡單,我們只需要按照以下操作即可:
1. 打開 chrome 瀏覽器,并打開調試工具; 2. 在調試工具中選擇 Network 選項卡,在該頁面中可以看到所有請求的詳情; 3. 選擇一個請求,在右側的 Headers 標簽頁中可以看到 Response Headers 和 Request Headers; 4. 在 Response Headers 中找到 Content-Type ,如果是 application/json 則說明返回的是 JSON 數據; 5. 在 Response 標簽頁中可以看到返回的 JSON 數據,點擊右上角的格式化按鈕可以將其格式化展示。
chrome 提供了非常友好的查看 JSON 數據的方式,我們可以快速地了解到后臺返回的數據結構,方便我們進行下一步的處理。
上一篇vue span點擊事件
下一篇vue 抖動 動效