Chrome'un geliştirici araçları Ağ sekmesinde tam URI / URL'yi göster


47

Chrome'u hata ayıklamak için kullanırken, geliştirici araçlarının "Ağ" sekmesini tam istek URI'sini göstermeye nasıl zorlayabileceğimi göremediğim için verimli olmanın zor olduğunu düşünüyorum.

Tam URI'yı gösterecektir eğer bağlantıyı gelin ve bir saniye bekleyin, ama bu inanılmaz ters olduğunu.

Tüm AJAX isteklerim ajax.php dosyasına gönderilir ve şu gibi sorgu dizesi argümanları kullanılarak işlenir:

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

... vb.

AJAX'ı yoğun kullandığım için ağ sekmem "ajax.php" ile doludur, ancak aradığım isteği bulmak için her girişi el ile yönlendirmek zorundayım.

Elbette başka bir yolu olmalı !?

Sürekli olarak Firefox'ta yeni bir şeyden bıktım ve kendimi hemen tekrar Chrome'a ​​geri zorladım, ancak bu her zaman Chrome'da uzun süre kullanmamı engelleyen geliştirici araçları.

Umarım bunu nasıl yapacağımı öğrenebilirim, böylece Chrome'u numero uno olarak kullanmaya devam edebilirim.

Demek istediğim yeri göstermek için bir ekran görüntüsü verdim:

Ekran görüntüsü


Stackoverflow'ta muhtemelen daha iyi?
stolsvik

Bunu ilk başta web-dev ile ilgili göründüğünden beri düşündüm, ancak benim yaşadığım sorun aslında geliştirme değil, Chrome'un kendisini kullanmak.
Lev

Ticaret araçları aynı zamanda SO için de uygundur.
stolsvik

2
New.crbug.com adresinde bir hata yazın . Ya da wkbug.com/new adresinden önceden dosyalama yapabilirsiniz . Kullanım durumunuzu burada yaptığınız gibi açıklayın ve sonunda çözüleceğinden eminim.
Mathias Bynens

1
DevTools teknoloji yazarı burada. FYI [google-chrome-developer-tools]Etiketi kullanarak böyle soruları Stack Overflow'a göndermenizi öneririm . O kanalı izliyoruz, ama bunu izlemiyoruz.
Kayce Basques

Yanıtlar:


40

Bazı sütunlarda birincil alan ve ikincil alan bulunur (örneğin, Zaman ve Gecikme). Ağ tablosunu büyük kaynak satırlarıyla görüntülerken her iki alan da gösterilir; Küçük kaynak satırları kullanılırken sadece birincil alan gösterilir.

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

Chrome dev tools ekran görüntüsü Chrome'un daha yeni sürümleriyle artık burada gizli: Chrome dev tools ekran görüntüsü yeni adım 1 Chrome dev tools ekran görüntüsü yeni adım 2

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


1
Cevabın özü hala doğru, ancak daha sonraki ziyaretçiler için GUI değişti. (En azından Chrome 78’de, kullanıldığında söyleyemem), seçenek şimdi ağ ayarlarında (ağ sekmesinin sağ üst köşesindeki dişli sekmesi), "[] Büyük istek satırı kullan" başlıklı birinci onay kutusunda bulundu
Daryn


2

Hem Chrome hem de Firefox'ta ağ bilgisini sağ tıklayıp HAR (HTTP Arşivi) olarak kaydedebilirsiniz. Bu HAR dosyası manuel olarak, bir komut dosyasıyla veya birkaç HAR görüntüleyicisinden biriyle işlenebilir ve tam URL'yi içerir.

Google, her isteğin tam URL’sini gösterecek harika bir çevrimiçi HAR okuyucuya sahiptir: https://toolbox.googleapps.com/apps/har_analyzer/

Yani tam URL’yi görmek için:

  • HAR dosyasını Inspect> Network> Sağ Tıkla> HAR Olarak Kaydet seçeneğiyle kaydedin / verin.
  • HAR Analizörüne HAR yükleyin .
  • Gerektiği gibi sıralayın / filtreleyin veya tablo hücrelerini / satırlarını vurgulayın ve kopyala / yapıştır'ı seçin.

1

Bu özelliğin artık Firefox'ta mevcut olduğunu bildirmekten memnunum.

Chrome olmadığını biliyorum, ama benim için olay daha iyi.

Firefox Nightly 69 bunu yapabilir. Sadece sütunlara sağ tıklayın ve URL'yi seçin.

FF 69

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


Bu, potansiyel olarak faydalı bir bilgidir, ancak en iyi yerde yayınlanmaz. Soru Chrome'a ​​özgüdür, bu nedenle burada yayınlamak, yorum olarak daha uygun olabilir. Soru da eski. Cevabınız için faydalı olabilecek okuyucular burada karşınıza çıkacak gibi görünmüyor. Göndermek için daha alakalı bir soru bulmak veya kendi kendine cevaplandırılan sorunuzu oluşturmak daha yararlı olacaktır.
fixer1234

Kesinlikle haklısın. Ancak birkaç yıl önce aynı sorunu anladım ve geliştiriciler için "acı" oldu (Chrome ve Firefox da). Şimdilik haberleri bildirmek için en googled linkini buldum. Yapabiliyorsanız - sadece soruyu düzeltmek için hareket ettirin))
Maxim

0

Bu, Chrome'da yapılabilecek bir şey değil, üzgünüm. Ek olarak, geliştirici panelinde yapılacak herhangi bir değişiklik hakkında hiçbir şey söylenmedi, bu yüzden yakında eklenmesini beklemiyorum.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.