Poproś o monitorowanie w Chrome

W Firefoksie używam Firebug, który pozwala mi przeglądać każde żądanie http, które wykonują Moje połączenia ajax. Przerzuciłem się na Chrome i do tej pory mi się podoba. Moją jedyną skargą jest jednak to, że narzędzia programistyczne nie pozwalają na przeglądanie każdego żądania ajax. Zdarzyło mi się to raz, gdy panel zasobów pokazał wiele żądań do tego samego zasobu, ale zrobił to tylko raz i nigdy więcej.

Czy istnieje sposób, aby niezawodnie zobaczyć każde żądanie http, że strona czy robienie przez javascript z poziomu Chrome?

[Edit: 11/30/09 11: 55]

Obecnie, aby to obejść, uruchamiam Fiddlera obok Chrome, aby wyświetlić moje żądania, ale jeśli jest sposób, aby to zrobić z poziomu przeglądarki, wolałbym to.

Author: Wes P, 2009-11-30

9 answers

Wiem, że to stary wątek, ale pomyślałem, że się odezwę.

Chrome ma obecnie wbudowane rozwiązanie.

  1. użyj CTRL+SHIFT+I (lub przejdź do Current Page Control > Developer > Developer Tools. W nowszych wersjach Chrome kliknij ikonę Klucz > Narzędzia > Narzędzia programistyczne.), aby włączyć Narzędzia programistyczne.
  2. z poziomu narzędzi programistycznych kliknij przycisk Network. Jeśli jeszcze nie jest, włącz go dla sesji lub zawsze.
  3. kliknij sub-przycisk "XHR".
  4. zainicjować AJAX call.
  5. zobaczysz elementy, które zaczną się pojawiać w lewej kolumnie pod "Resources".
  6. kliknij zasób i są 2 zakładki pokazujące nagłówki i zwracaną zawartość.
 333
Author: Phil,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-03-23 09:56:53

Najbardziej aktualną odpowiedzią na to jest: są one wymienione pod przyciskiem "sieć" w narzędziach deweloperskich, a nie pod "zasoby", jak to było kiedyś.

 56
Author: Wouter,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-03-03 11:18:02

Możesz również użyć tego linku w Chrome, aby uzyskać bardziej szczegółowe informacje niż zrobił to Inspektor.

chrome://net-internals/#events

Wyświetla log wszystkich żądań przeglądarki podczas otwierania

 38
Author: Karl Adler,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-01-15 19:11:59

Nie wiem, która wersja chrome jest dostępna, ale znalazłem ustawienie 'Console-Log XMLHttpRequests' (kliknięcie na ikonę w prawym dolnym rogu narzędzi programistycznych w chrome na mac)

 12
Author: schellmax,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-01-13 15:16:25

Możesz użyć Fiddler , który jest dobrym darmowym narzędziem.

 4
Author: JoshBerke,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-11-30 16:46:49

Otwórz swoje narzędzia DevTools i naciśnij F1, aby uzyskać dostęp do ustawień. Poszukaj sekcji konsola i zaznacz pole wyboru "Log XMLHttpRequests".

Teraz wszystkie Twoje żądania ajax i inne podobne będą zalogowane w konsoli.

Wolę tę metodę, ponieważ zazwyczaj pozwala mi zobaczyć wszystko, czego szukam w konsoli bez konieczności przechodzenia do zakładki sieć.

 4
Author: ShaneDaugherty,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-12-01 21:31:19

Dziękuję wszystkim, którzy starają się pomóc w tym poście

Mam ubuntu 13.10 a moja wersja chrome to 34.0

Dla mojej sytuacji to działa

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

Teraz powinieneś zobaczyć nowy Panel przed Twoim zapytaniem

in this panel select "Response" tab
 3
Author: masoud2011,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2014-10-05 18:50:25

W kroku 5 Phil, "zasoby" nie jest już dostępny w nowej wersji Chrome. Musisz kliknąć ikonę strony tuż obok strony Ajax wymienionej w dolnym okienku z kolumnami nazwy, metody, statusu ...

Następnie pokaże Ci więcej paneli, w których znajdziesz komunikaty o błędach.

 1
Author: wcb1,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-01-19 06:35:48

Możesz również kliknąć prawym przyciskiem myszy na stronie w przeglądarce i wybrać "Inspect Element", aby wyświetlić narzędzia programistyczne.

Https://developer.chrome.com/devtools

 0
Author: BitByteDog,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-04-02 06:03:08