Bagaimana cara melihat / memutar ulang file har debugger jaringan chrome yang disimpan dengan konten?

117

Saya suka debugger jaringan, dengan demikian, program apa yang ada di luar sana yang memungkinkan saya melangkah maju dan mundur melalui beberapa 'hars' sehingga saya dapat memutarnya kembali? jika 'hars' disimpan dengan konten, dapatkah replay menangani itu juga?

sekarang saya baru saja membaca di textpad, tetapi jika saya harus mempresentasikan temuan saya, 'pemain har' yang bagus bisa sangat membantu orang non-teknis.

debugging google-chrome har DefyGravity
sumber
sejauh ini, saya memiliki penampil 'satu per satu'
DefyGravity
9
Pertanyaan tentang superuser ini pada dasarnya sama dan memiliki jawaban yang layak: superuser.com/questions/360992/…
David Fraser

Jawaban:

86

Ada HAR Viewer yang dikembangkan oleh Jan Odvarko yang dapat Anda gunakan. Anda juga menggunakan versi online di

Atau unduh kode sumbernya di https://github.com/janodvarko/harviewer .

EDIT: Chrome 62 DevTools menyertakan fungsi impor HAR. https://developers.google.com/web/updates/2017/08/devtools-release-notes#har-imports

Nizar
sumber
1
FWIW ini sepertinya tidak menangani "konten" saat Anda menggunakan "Simpan sebagai HAR dengan konten". Selain itu, ini adalah penampil HAR yang layak.
Doktor J
belum berfungsi pada opsi 'simpan semua sebagai har' dari debugger chrome. Namun, saya akan terus memeriksanya.
DefyGravity
baru saja membuatnya berfungsi hari ini dari situs web yang cukup berat. aplikasi bagus
DefyGravity
7
PERINGATAN: Sebagus suara penampil HAR "online", saya akan sedikit khawatir dengan apa yang dilakukan server tersebut dengan HAR - apakah itu menyimpannya? Menganalisisnya? HAR mungkin menyertakan data pribadi yang sensitif .. Saya pribadi tidak akan mengunggah HAR ke server orang lain .. sekarang jika HAR dikirim kepada saya oleh klien, saya kira itu akan menjadi cerita yang berbeda .. oh tunggu, tidak akan.
nothingisnecessary
@tidak ada yang diperlukan - HAR Viewer berjalan di browser saja, tidak ada komponen sisi server yang pernah 'melihat' file HAR.
Paul Grime
56

Alat "Jaringan" Alat Pengembang Chrome sekarang memungkinkan Anda mengimpor file HAR dengan menyeret dan melepas ke jendela.

Xchai
sumber
Untuk menyeret file HAR ke tab jaringan, sebagian besar alat dev akan dibuka di domain yang sama
ScottyG
Ide bagus, tetapi dengan peringatan chrome sepertinya tidak menyukai format tanggal yang dihasilkan dari alat lain (bagaimanapun juga +1 dari saya)
Alex KeySmith
@ScottyG Saya baru saja mencoba mengimpor file .har dari domain lain dan berhasil. Menggunakan versi 73.0.3683.103
Raul Pinto
@RaulPinto Terima kasih! Ya, saya rasa ini adalah fitur baru di v73
ScottyG
2
Hal yang sama ini berfungsi di Firefox, apa pun domain yang Anda gunakan.
Brady Dowling
23

Ada beberapa alat luring dan daring tentang cara melakukannya:

Tetapi yang paling saya suka, adalah ekstensi browser (mencobanya di chrome, semoga berfungsi di browser lain). Setelah pemasangan, itu muncul di aplikasi Anda sebagai penampil HAR . Kemudian Anda dapat mengupload file HAR dan melihat sesuatu seperti ini:

masukkan deskripsi gambar di sini

Salvador Dali
sumber
2
Penganalisis HAR mampu menganalisis dengan lancar file HAR yang jauh lebih besar daripada HAR viewer.
Stephan
16

Cara Paling Andal untuk memutar ulang file har menggunakan alat gratis seperti Fiddler , alat ini selalu gratis dan dapat diunduh dengan cepat. Situs untuk membuka file har semuanya bermasalah dan tidak dapat membuka file besar. Fiddler tersedia untuk semua platform.

https://www.telerik.com/download/fiddler

Buka Menu File -> Impor Sesi ...

Buka Fiddler

Pilih Opsi "HTTPArchive"

Pilih opsi Http Archieve

Jelajahi file HAR Anda

masukkan deskripsi gambar di sini

File HAR akan terbuka dan diputar ulang di jendela fiddler.

Chibi Chakaravarthi
sumber
1
Saya menemukan bahwa mengekspornya sebagai file mentah dan kemudian memuat file html memungkinkan saya memutar ulang log konsol di browser apa pun.
mikeytown2
Saya suka menggunakan fiddler karena saya dapat memutar ulang permintaan tertentu dari file har (mengubah token ofc) untuk melihat efeknya. Saya pribadi telah menggunakan Fiddler untuk waktu yang lama dan karena utas ini telah mengutip banyak alat yang semuanya berfungsi dalam kasus yang berbeda, akhirnya tergantung pada kenyamanan pribadi.
Chibi Chakaravarthi
Saya juga paling menyukai jawaban ini; Untuk file HAR yang sangat besar, Fiddler mengizinkan saya untuk memfilter serta menghapus pesan berlebih (Saya juga telah menggunakan Fiddler beberapa kali sehingga terasa paling nyaman pada kemampuannya termasuk memutar ulang)
HidekiAI
8

Edit: Harhar sekarang menjadi open source. Saya telah memperbarui URL di bawah ini.

Jika Anda menggunakan generator beban longsor, Anda dapat menggunakan Harhar untuk memutar ulang file HAR pada beban yang sangat tinggi: https://acastaner.github.io/harhar/

Alat ini menangani "konten" yang Anda gunakan saat Anda "Simpan sebagai HAR dengan konten".

Astaar
sumber
2
Saya tahu beberapa bulan telah berlalu sejak OP bertanya, tetapi yang ini harus dianggap sebagai jawaban yang benar, karena alat yang disebutkan benar-benar dapat "memutar" file HAR. Saran yang sangat bagus, @Astaar.
Charles Roberto Canato
Itu seluruhnya ditulis dalam C #. "Bekerja pada Windows dan Linux (Mono)"
Trindaz
Selain sangat setuju dengan Astaar dan Charles, saya baru saja menemukan yang lain: github.com/Stuk/server-replay
quetzalcoatl
6

Chrome sekarang mendukung pemuatan file HAR. Buka Chrome, Tekan F12, Klik pada Tab Jaringan. Drag dan drop file .har SELESAI!

Chibi Chakaravarthi
sumber
4

Hardiff.com adalah alat yang sangat berguna. Ini memungkinkan Anda untuk membandingkan satu atau lebih .harfile.

Zander
sumber
2
  1. Buka Chrome & klik F12
  2. Klik Jaringan
  3. Seret dan lepas file har di tab jaringan chrome.

masukkan deskripsi gambar di sini

S Krishna
sumber
2

Jika saya tidak terlambat ....

Untuk Firefox, seseorang dapat mengimpor file har yang sama dari tab Jaringan.Tab Jaringan Firefox dengan impor file HAR

Sanjay Maurya
sumber
1

Impor HAR berfungsi dengan lancar di Firefox: Open Web Developer -> Tab Jaringan -> HAR -> Impor ... (Pojok kanan atas alat pengembang web)

Opsi Impor HAR

Lalitanand Dandge
sumber
0

Buka browser chrome. klik kanan di mana saja pada halaman> periksa elemen> buka tab jaringan> seret dan jatuhkan file .har Anda akan melihat log.

Arjun Thakur
sumber
0

Seret dan lepas adalah solusi terbaik. Saya hanya menunjukkan cara lain untuk mengimpor dengan mengklik ikon impor HAR: masukkan deskripsi gambar di sini

Barani r
sumber