在網頁開發中,有時需要查看從后臺傳過來的 JSON 數據,此時可以通過瀏覽器的開發者工具來進行查看。下面是如何在 Chrome 的開發者工具中查看傳過來的 JSON 數據:
// 假設后臺傳來的 JSON 數據為
const data = {
"name": "張三",
"age": 21,
"gender": "male"
};
// 在瀏覽器中打開頁面
// 打開 Chrome 開發者工具
// 切換到 Network 標簽頁
// 在網站上進行操作,使得后臺返回 JSON 數據
// 雙擊這條請求,在 Headers 標簽頁中找到 Response Headers
// 找到 Content-Type,如果值為 "application/json",則說明返回的是 JSON 數據
// 切換到 Preview 或 Response 標簽頁,可以在下面看到返回的 JSON 數據
通過上述步驟,我們就可以在 Chrome 的開發者工具中查看傳過來的 JSON 數據了。
上一篇laravel vue卡
下一篇F12調試查看Json串