Tampilkan URI / URL lengkap di tab Jaringan alat pengembang Chrome


47

Saat menggunakan Chrome untuk melakukan debug, saya merasa sangat sulit untuk menjadi efisien karena kenyataan bahwa saya tidak melihat bagaimana saya bisa memaksa tab "Jaringan" dari alat pengembang untuk menunjukkan URI permintaan penuh.

Ini akan menampilkan URI lengkap jika Anda mengarahkan tautan dan menunggu sebentar, tetapi ini sangat kontraproduktif.

Semua permintaan AJAX saya dikirim ke ajax.php, dan ditangani dengan menggunakan argumen string kueri, seperti:

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

... dll.

Karena saya menggunakan AJAX secara ekstensif, tab jaringan saya diisi dengan "ajax.php", tetapi saya harus secara manual mengarahkan setiap entri untuk menemukan permintaan yang saya cari.

Tentunya harus ada cara lain !?

Saya terus-menerus muak dengan sesuatu yang baru di Firefox dan segera memaksakan diri kembali ke Chrome, tetapi selalu alat pengembang di Chrome yang membuat saya tidak menggunakannya untuk waktu yang lama.

Semoga saya bisa mengetahui cara melakukan ini sehingga saya dapat terus menggunakan Chrome sebagai numero uno saya.

Saya telah memberikan tangkapan layar untuk menunjukkan kepada Anda di mana saya maksud:

Tangkapan layar


Mungkin lebih baik di Stackoverflow?
stolsvik

Saya memikirkan hal itu pada awalnya karena sepertinya berhubungan dengan web-dev, tetapi masalah yang saya alami sebenarnya bukan pada pengembangan, tetapi menggunakan Chrome itu sendiri.
Im

Alat perdagangan juga memenuhi syarat pada SO.
stolsvik

2
Ajukan bug ke new.crbug.com . Atau Anda dapat mengajukannya di hulu di wkbug.com/new . Jelaskan kasus penggunaan Anda seperti yang Anda lakukan di sini, dan saya yakin itu akan diperbaiki pada akhirnya.
Mathias Bynens

1
Penulis teknologi DevTools di sini. FYI Saya merekomendasikan posting pertanyaan seperti ini ke Stack Overflow, menggunakan [google-chrome-developer-tools]tag. Kami memantau saluran itu, tetapi tidak yang ini.
Kayce Basques

Jawaban:


40

Beberapa kolom berisi bidang primer dan bidang sekunder (Waktu dan Latensi, misalnya). Saat melihat tabel Jaringan dengan baris sumber daya besar kedua bidang ditampilkan; saat menggunakan baris sumber daya kecil hanya bidang utama yang ditampilkan.

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

Tangkapan layar alat dev Chrome Dengan versi Chrome yang lebih baru sekarang disembunyikan di sini: Tangkapan layar Chrome dev tools langkah baru 1 Tangkapan layar Chrome dev tools langkah baru 2

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


1
Esensi jawaban masih benar tetapi untuk pengunjung kemudian, GUI telah berubah. (Setidaknya di Chrome 78, saya tidak bisa mengatakan kapan diperkenalkan), opsi sekarang ditemukan di pengaturan jaringan (tab roda gigi di kanan atas tab jaringan), kotak centang 1, berjudul "[] Gunakan baris permintaan besar"
Daryn


2

Di Chrome dan Firefox Anda dapat mengklik kanan dan menyimpan informasi jaringan sebagai HAR (Arsip HTTP). File HAR itu dapat diproses secara manual, dengan skrip atau dengan salah satu dari beberapa penonton HAR dan berisi URL lengkap.

Google memiliki pembaca HAR online yang hebat yang akan menampilkan URL lengkap dari setiap permintaan: https://toolbox.googleapps.com/apps/har_analyzer/

Jadi untuk melihat URL lengkap:

  • Simpan / ekspor file HAR melalui Inspect> Network> Klik kanan> Save As HAR.
  • Load HAR ke HAR Analyzer .
  • Sortir / filter sesuai kebutuhan atau sorot sel tabel / baris dan salin / tempel.

1

Saya senang melaporkan bahwa fitur ini sekarang tersedia di Firefox.

Saya tahu ini bukan Chrome, tetapi bagi saya ini adalah acara yang lebih baik.

Firefox Nightly 69 dapat melakukannya. Cukup klik kanan pada kolom dan pilih URL.

FF 69

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


Ini adalah informasi yang berpotensi bermanfaat, tetapi tidak diposting di tempat terbaik. Pertanyaannya khusus untuk Chrome, jadi memposting di sini, mungkin lebih tepat sebagai komentar. Pertanyaannya juga kuno. Pembaca yang jawabannya bermanfaat bagi Anda tidak akan tersandung di sini. Akan lebih membantu untuk menemukan pertanyaan yang lebih relevan untuk diposkan, atau membuat pertanyaan yang Anda jawab sendiri.
fixer1234

Anda benar sekali. Tetapi beberapa tahun yang lalu saya mendapat masalah yang sama dan itu "sakit" untuk pengembang (Chrome dan Firefox juga). Jadi untuk saat ini saya telah menemukan tautan teratas di Google untuk melaporkan beritanya. Jika Anda bisa - cukup pindahkan ke pertanyaan yang benar))
Maxim

0

Ini bukan sesuatu yang bisa dilakukan di Chrome, maaf. Selain itu, belum ada kabar tentang perubahan apa pun yang akan dilakukan pada panel pengembang, jadi saya tidak berharap ini akan segera ditambahkan.

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.