Pokaż pełny identyfikator URI / URL na karcie Sieć narzędzi programistycznych Chrome

47

Kiedy używam Chrome do debugowania, jest mi niezwykle trudno być wydajnym, ponieważ nie widzę, jak mogę zmusić kartę „Sieć” narzędzi programistycznych do wyświetlenia pełnego identyfikatora URI żądania.

Pokaże pełny identyfikator URI, jeśli umieścisz link i poczekasz sekundę, ale jest to niewiarygodnie bezproduktywne.

Wszystkie moje żądania AJAX są wysyłane do ajax.php i obsługiwane za pomocą argumentów ciągu zapytania, takich jak:

ajax.php?do=profile-set
ajax.php?do=game-save

... itd.

Ponieważ używam AJAX intensywnie, moja karta sieciowa jest wypełniona „ajax.php”, ale muszę ręcznie najechać kursorem każdy wpis, aby znaleźć żądane zapytanie.

Z pewnością musi być inny sposób !?

Ciągle mam dość czegoś nowego w Firefoksie i natychmiast zmuszam się do powrotu do Chrome, ale zawsze są to narzędzia programistyczne w Chrome, które powstrzymują mnie przed używaniem go przez dłuższy czas.

Mam nadzieję, że mogę dowiedzieć się, jak to zrobić, aby nadal używać Chrome jako mojego numero uno.

Udostępniłem zrzut ekranu, aby pokazać, o co mi chodzi:

Zrzut ekranu

google-chrome developer-tools Lew
źródło
Być może lepiej na Stackoverflow?
stolsvik
Pomyślałem o tym na początku, ponieważ wydaje się to trochę związane z tworzeniem stron internetowych, ale problem, który mam, nie dotyczy programowania, ale samego Chrome.
Lev
Narzędzia handlu są również kwalifikowalne na SO.
stolsvik
2
Zgłoś błąd na new.crbug.com . Możesz też złożyć go na stronie wkbug.com/new . Wyjaśnij swój sposób użycia, tak jak tutaj, i jestem pewien, że w końcu zostanie rozwiązany.
Mathias Bynens
1
DevTools pisarz techniczny tutaj. Do Twojej wiadomości Polecam zamieszczanie takich pytań w Stack Overflow, używając [google-chrome-developer-tools]tagu. Monitorujemy ten kanał, ale nie ten.
Kayce Basques

Odpowiedzi:

40

Niektóre kolumny zawierają pole pierwotne i pole wtórne (na przykład czas i opóźnienie). Podczas przeglądania tabeli sieci z dużymi wierszami zasobów wyświetlane są oba pola; w przypadku korzystania z małych wierszy zasobów wyświetlane jest tylko pole podstawowe.

https://developer.chrome.com/devtools/docs/network#network-panel-overview

Zrzut ekranu narzędzi programistycznych Chrome W nowszych wersjach Chrome jest teraz ukryty tutaj: Chrome Dev Tools zrzut ekranu nowy krok 1 Zrzuty ekranowe narzędzi Chrome nowy krok 2

https://developer.chrome.com/devtools/docs/network#changing-resource-row-sizes

rofrol
źródło
1
Istota odpowiedzi wciąż jest prawdą, ale dla późniejszych gości GUI się zmieniło. (Przynajmniej w Chrome 78, nie mogę powiedzieć, kiedy został wprowadzony), opcja znajduje się teraz w ustawieniach sieci (zakładka koła zębatego w prawym górnym rogu zakładki sieci), 1. pole wyboru, zatytułowane „[] Użyj dużego wiersza żądania”
Daryn
2

Zarówno w przeglądarce Chrome, jak i Firefox można kliknąć prawym przyciskiem myszy i zapisać informacje o sieci jako HAR (archiwum HTTP). Ten plik HAR może być przetwarzany ręcznie, za pomocą skryptu lub jednej z kilku przeglądarek HAR i zawiera pełny adres URL.

Google ma świetny internetowy czytnik HAR, który pokaże pełny adres URL każdego żądania: https://toolbox.googleapps.com/apps/har_analyzer/

Aby zobaczyć pełny adres URL:

  • Zapisz / eksportuj plik HAR poprzez Inspect> Network> Kliknij prawym przyciskiem myszy> Save As HAR.
  • Załaduj HAR do analizatora HAR .
  • Sortuj / filtruj według potrzeb lub podświetl komórki / wiersze tabeli i kopiuj / wklej.
Michael Thompson
źródło
1

Z przyjemnością informuję, że ta funkcja jest teraz dostępna w przeglądarce Firefox.

Wiem, że to nie jest Chrome, ale dla mnie to wydarzenie jest lepsze.

Firefox Nightly 69 może to zrobić. Wystarczy kliknąć kolumny prawym przyciskiem myszy i wybrać adres URL.

FF 69

https://bugzilla.mozilla.org/show_bug.cgi?id=1341155

Maksyma
źródło
Jest to potencjalnie przydatna informacja, ale nie opublikowana w najlepszym miejscu. Pytanie jest specyficzne dla Chrome, więc zamieszczając je tutaj, może być bardziej odpowiednie jako komentarz. Pytanie jest również starożytne. Czytelnicy, dla których Twoja odpowiedź może być przydatna, prawdopodobnie nie natkną się tutaj. Przydałoby się znaleźć bardziej odpowiednie pytanie, na które można by je opublikować, lub stworzyć własne pytanie, na które udzielono odpowiedzi.
fixer1234
Masz absolutną rację. Ale kilka lat temu dostałem ten sam problem i był to „ból” dla programistów (także Chrome i Firefox). Tak więc na razie znalazłem najwyżej najczęściej wyszukiwany link do zgłaszania wiadomości. Jeśli możesz - po prostu przenieś to, aby poprawić pytanie))
Maxim
0

Niestety, nie można tego zrobić w Chrome. Ponadto nie było żadnych informacji o jakichkolwiek zmianach, które zostaną wprowadzone w panelu programisty, więc nie spodziewałbym się, że zostanie to wkrótce dodane.

soandos
źródło