2011-11-28 23 views
21

我的網站上有一個頁面使用jQuery AJAX從PHP後端請求JSON數據。我想查看返回給瀏覽器的JSON,並試圖使用Chrome瀏覽器的開發人員工具在Network> Response下執行此操作。檢查Chrome中的大型JSON數據

問題:雖然我可以通過在那裏選擇XHR項目來查看JSON數據,但似乎在中途切斷了響應。根據Chrome,這種JSON響應大小爲300-400KB。我想知道網頁是否正在接收完整的JSON響應而沒有截斷,如果沒有,我如何查看正在接收的全部數據?

回答

18

您是否嘗試過的「預覽」選項卡 - 它可以讓您查看結果作爲適當的JavaScript對象,以擴大節點的能力。與響應選項卡中的原始文本相比,處理起來要容易得多。

enter image description here

+7

出於某種原因,此「預覽」選項卡不會將響應解釋爲JSON,只是將其顯示爲全黑,單行,純文本。 Content-Type是'application/json',但沒有顏色突出顯示,可以在任何地方看到格式化或可擴展樹。任何想法爲什麼? –

+0

@asbjornu它一直在爲我工作,但突然間它不再爲預覽選項卡中的JSON執行高亮/嵌套操作。你有沒有發現如何解決這個問題? – Nathan

+0

@Nathan,Chrome仍然將'application/json'視爲'text/plain'。不知道爲什麼。 –

4

看到完整的響應:

  1. 導航到開發工具>網絡>給定的響應> Response選項卡。
  2. 右鍵單擊(在Mac上的控制單擊)在響應區>另存爲

Response > Save As

截圖來自Mac上24.0.1312.57版本。

+0

這正是我需要的,但我沒有另存爲菜單項。 – GaryB96

+0

@ GaryB96,我添加了一個屏幕截圖和我用於我的答案的版本。 –

+1

馬特感謝您的跟進。我只在「_Network_」選項卡上的「文檔」中看到「另存爲...」菜單項。如果我切換到_XHR_,並右鍵單擊其中一個響應選項卡,我只看到_Open Link_和_Copy_ Link。 (在Win7上版本24.0.1312.57米) – GaryB96

4

我對這裏的派對有點遲到,但是如果您處於斷點處,您可以輸入對象名稱並按下「Enter」鍵,JSON對象將打印到控制檯窗口。

+0

這通常是我所做的,我認爲這是提到的最佳解決方案。 – Alastair