2009-11-30 86 views
186

在Firefox中,我使用Firebug,它允許我查看我的ajax調用正在進行的每個http請求。我已將我的開發切換到Chrome,並且很喜歡它。然而,我唯一的抱怨是,開發人員工具似乎不允許您查看每個ajax請求。在資源面板向同一資源顯示多個請求的地方,我曾經遇到過這種情況,但它只做過一次,永遠不會。在Chrome中請求監控

有沒有一種方法可以通過Chrome內部的JavaScript可靠地查看頁面正在製作的每個http請求?

[編輯:11/30/09 11:55]

目前,要解決這個問題,我跑提琴手未來Chrome瀏覽器來查看我的要求,但如果有一種方法可以從內部做瀏覽器,我更喜歡這個。

+2

我有同樣的問題 - 已經嘗試了所有的解決方案。開發工具中的XHR窗口的Response部分中沒有顯示任何內容。它只是顯示「此請求沒有可用的響應數據」。如果我使用螢火蟲運行相同的代碼,它顯示很好。在cog開發工具設置中,我嘗試了勾選「Log XMLHttpRequest」,但這沒有幫助(響應類型是application/json)。我必須在螢火蟲中進行所有的調試。 Firebug也可以很好地格式化JSON,如果你可以讓它顯示響應(例如不使用ajax),chrome開發工具不會。 – 2013-06-12 12:09:40

回答

320

我知道這是一個古老的線程,但我想我會附和。

Chrome瀏覽器目前有一個解決方案內置的。

  1. 使用CTRL+SHIFT+I(或導航到Current Page Control > Developer > Developer Tools,在較新版本Chrome,點擊扳手圖標>工具>開發者工具。)啓用開發者工具。
  2. 從開發人員工具內單擊Network按鈕。如果尚未啓用,則爲會話啓用或始終啓用它。
  3. 點擊"XHR"子按鈕。
  4. 初始化AJAX call
  5. 您將看到項目開始出現在"Resources"下的左欄中。
  6. 單擊該資源,並有2個選項卡顯示標題和返回內容。
+1

謝謝Phil!我把它放在一邊,主要依靠小提琴手。但是XHR按鈕就是我在尋找的東西:D – 2010-06-11 19:10:53

+0

就在昨天我說的是,如果鍍鉻工具可以做到這一點,那將是完美的,謝謝。 – GerManson 2011-09-06 14:38:29

+0

如果有其他人這樣做:我點擊了「名稱」列以先排序並忘記,稍後,由於按字母順序排序,某些新請求會跳到列表的中間位置。我必須刷新頁面才能退出。 – 2014-01-08 17:57:17

4

你可以使用Fiddler這是一個很好的免費工具。

+1

是的,我有提琴手,這是我用來做到這一點。只是想從瀏覽器中尋找一種方法,因爲它更方便一些。 – 2009-11-30 16:55:04

+0

Ahh ok幫不了我很抱歉祝你好運 – JoshBerke 2009-11-30 16:57:28

52

對此的最新答案是:它們列在開發人員工具的「網絡」按鈕下,不再像以前那樣位於「資源」之下。

+4

這確實是它現在的位置,在我升級後,讓我搜索堆棧溢出找到它。 – Kzqai 2011-04-01 20:00:52

12

不知道是哪個Chrome版本,這是可以的,但我發現了一個設置「控制檯 - 日誌的XMLHttpRequest」(點擊圖標的開發工具右下角的鉻在Mac)

+2

這是監控XHR請求的最簡單和最好的方法。 – CourtDemone 2014-04-16 00:03:47

34

你比檢查做了也可以使用Chrome打開此鏈接更詳細的信息。

chrome://net-internals/#events 

這顯示了瀏覽器的所有請求的日誌,同時開放

+0

你可以導出嗎? – Pacerier 2017-10-11 20:43:52

3

感謝所有的人誰試圖在這個崗位

幫助我的Ubuntu 13.10和我的Chrome版本是34。0

對於我的情況該工作

1.open developer tools in chrome(or use right click on your page and then select inspect element) 
2.go to "Network" tab 
3.find your ajax request in "Name Path" column 
4.click on the specific ajax link 

現在你應該看到面前一個新的小組,你要求

in this panel select "Response" tab 
1

在5菲爾的一步,「資源」不再可用在Chrome的新版本中。您需要點擊頁面圖標旁邊正好與名稱,方法,狀態的列底部窗格中列出的Ajax頁面,...

然後,它會告訴你更多的面板,你會發現錯誤消息。

4

打開DevTools並按F1訪問設置。查找控制檯部分並選中「Log XMLHttpRequests」複選框。

現在,所有的ajax和其他類似的請求都將被記錄在控制檯中。

我喜歡這種方法,因爲它通常可以讓我看到,我在控制檯中尋找,而不必去到網絡選項卡的一切。