F12開發者工具是一款瀏覽器內置的工具，可以讓我們方便地查看頁面中的各種信息。其中，查看JSON文件也是其重要的一個功能。下面，就讓我們來一起看看F12如何查看JSON文件。

首先，進入需要查看JSON文件的頁面，然后按下F12鍵打開開發者工具窗口。接著，在開發者工具的頂部工具欄中找到“Network”（或者中文名稱為“網絡”），并點擊它進入相關面板。

在面板中，我們可以看到當前頁面所有的請求信息。找到我們需要查看的JSON文件所屬的請求，并點擊該請求。然后，在右側的預覽區域中，可以看到該請求返回的所有信息，包括請求頭、響應頭、響應內容等。其中，我們最需要關注的是響應內容。

{
"name": "張三",
"age": 20,
"gender": "男",
"hobby": ["游泳", "足球", "籃球"]
}

如果JSON文件的內容比較復雜，我們可以點擊右側預覽區域的“Formatted”選項，讓JSON文件以樹狀結構展示，更加直觀清晰。

{
"name": "張三",
"age": 20,
"gender": "男",
"interests": {
"sports": ["游泳", "足球", "籃球"],
"music": ["搖滾", "流行"]
}
}

最后，如果我們需要將JSON文件復制到其他文本編輯器中，可以直接在預覽區域右鍵選擇“Copy”或者“Copy as JSON”。

以上就是F12查看JSON文件的簡單操作。希望對大家有所幫助。