İçerikle kaydedilmiş bir Chrome ağ hata ayıklayıcı har dosyasını nasıl görüntülerim / yeniden oynatırım?

117

Ağ hata ayıklayıcısını seviyorum, söylendiğine göre, birden fazla 'sertlikten' ileriye ve geriye gitmeme izin veren hangi programlar var ki onları tekrar oynatabileyim? "sertler" içerikle kaydedilmişse, tekrar bunu da halledebilir mi?

şu anda sadece textpad'de okudum, ancak bulgularımdan herhangi birini sunmam gerekirse, iyi bir 'har oyuncusu' teknik olmayan insanlara büyük ölçüde yardımcı olabilir.

debugging google-chrome har

— DefyGravity
kaynak

Şimdiye kadar, 'birer birer' izleyicim var

— DefyGravity

9

Süper kullanıcı hakkındaki bu soru aslında aynı ve iyi cevapları var: superuser.com/questions/360992/…

— David Fraser

87

Kullanabileceğiniz Jan Odvarko tarafından geliştirilmiş bir HAR Viewer bulunmaktadır. Ya çevrimiçi sürümü kullanırsınız

http://www.softwareishard.com/har/viewer/ (eski sürüm)
http://gitgrimbo.github.io/harviewer/master/ (güncel ana şube)

Veya kaynak kodunu https://github.com/janodvarko/harviewer adresinden indirin .

DÜZENLEME: Chrome 62 DevTools, HAR içe aktarma işlevi içerir. https://developers.google.com/web/updates/2017/08/devtools-release-notes#har-imports

— Nizar
kaynak

1

FWIW, "İçerikle birlikte HAR olarak kaydet" seçeneğini kullandığınızda bu "içeriği" işlemiyor gibi görünüyor. Bunun dışında iyi bir HAR görüntüleyici.

— Doktor J

henüz krom hata ayıklayıcısından 'tümünü har olarak kaydet' seçeneğiyle çalışmasını sağlamamış. Ancak, tekrar kontrol etmeye devam edeceğim.

— DefyGravity

bugün oldukça ağır bir web sitesinden çalışmaya başladım. güzel uygulama

— DefyGravity

7

UYARI: "Çevrimiçi" HAR görüntüleyici kulağa ne kadar harika gelse de, bu sunucunun HAR ile ne yaptığıyla biraz ilgilenirim - bu onu kaydediyor mu? Analiz mi ediyorsun? HAR hassas kişisel veriler içerebilir .. Şahsen bir HAR'i başka birinin sunucusuna yüklemem .. şimdi bana bir müşteri tarafından gönderilmiş olsaydı, sanırım bu farklı bir hikaye olurdu .. oh bekle, hayır olmazdı.

— noneisnecessary

@nothingisnecessary - HAR Görüntüleyici yalnızca tarayıcıda çalışır, HAR dosyasını 'gören' hiçbir sunucu tarafı bileşeni yoktur.

— Paul Grime

56

Chrome Dev Tool'un "Ağ" aracı artık HAR dosyalarını pencereye sürükleyip bırakarak içe aktarmanıza izin veriyor.

— Xchai
kaynak

HAR dosyasını ağ sekmesine sürüklemek için, geliştirme araçlarının çoğunun aynı etki alanında açık olması gerekir

— ScottyG

Harika bir fikir, ancak bir uyarı kromu diğer araçlardan alınan tarih formatlarını beğenmiyor gibi görünüyor (yine de benden +1)

— Alex KeySmith

@ScottyG Başka bir etki alanından bir .har dosyasını içe aktarmayı denedim ve işe yaradı. 73.0.3683.103 sürümünü kullanma

— Raul Pinto

@RaulPinto Teşekkürler! Evet, bunun v73'teki yeni bir özellik olduğunu düşünüyorum

— ScottyG

2

Aynı şey, hangi etki alanında olursanız olun Firefox'ta da çalışır.

— Brady Dowling

23

Bunun nasıl yapılacağı birkaç çevrimiçi, çevrimdışı araç vardır:

Ama en çok sevdiğim şey bir tarayıcı eklentisi (Chrome'da denedi, umarım diğer tarayıcılarda çalışır). Kurulumdan sonra, uygulamalarınızda HAR görüntüleyici olarak görünür . Sonra size HAR dosyası yükleyebilir ve şuna benzer bir şey görebilirsiniz:

— Salvador Dali
kaynak

2

HAR analizörü, HAR görüntüleyiciden çok daha büyük HAR dosyasını sorunsuz bir şekilde analiz edebilir.

— Stephan

16

Har dosyasını yeniden oynatmanın En Güvenilir yolu, Fiddler gibi ücretsiz bir araç kullanmaktır , araç her zaman ücretsizdir ve hızlı bir şekilde indirilebilir. Har dosyasının açılması için olan sitelerin tümü hatalı ve büyük dosyaları açamaz. Fiddler tüm platformlarda kullanılabilir.

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

Dosya Menüsüne gidin -> Oturumları İçe Aktar ...

"HTTPArchive" Seçeneğini Seçin

HAR dosyanıza göz atın

HAR dosyası, kemancı penceresinde açılacak ve yeniden oynatılacaktır.

— Chibi Chakaravarthi
kaynak

1

Bunu ham dosyalar olarak dışa aktarmanın ve ardından html dosyasını yüklemenin herhangi bir tarayıcıda konsol günlüklerini yeniden oynatmama izin verdiğini fark ettim.

— mikeytown2

Fiddler'ı kullanmayı seviyorum çünkü har dosyasından belirli bir isteği yeniden oynatabiliyorum (c simgelerini değiştirerek) etkilerini görmek için. Kişisel olarak Fiddler'ı uzun süredir kullanıyorum ve bu iş parçacığı, hepsi farklı durumlarda çalışan birçok araçtan bahsederken, sonunda kişisel rahatlığa düşüyor.

— Chibi Chakaravarthi

Bu yanıtı en çok ben de beğendim; Çok büyük HAR dosyaları için, Fiddler fazla mesajları filtrelememe ve silmeme izin verdi (ayrıca uzun süredir Fiddler'ı kullanıyorum, bu yüzden yeniden oynatma dahil yetenekleri konusunda en rahat hissetti)

— HidekiAI

8

Düzenleme: Harhar artık açık kaynak. Aşağıdaki URL'yi güncelledim.

Bir Çığ yük üreteci kullanıyorsanız, bir HAR dosyasını çok yüksek yükte yeniden oynatmak için Harhar'ı kullanabilirsiniz: https://acastaner.github.io/harhar/

Bu araç, "İçerikle birlikte HAR olarak kaydettiğinizde" kullandığınız "içeriği" işler.

— Astaar
kaynak

2

OP'nin sormasının üzerinden birkaç ay geçtiğini biliyorum, ancak söz konusu araç gerçekten bir HAR dosyasını "oynatabildiğinden" bu yanıt doğru yanıt olarak düşünülmelidir. Çok güzel bir öneri, @Astaar.

— Charles Roberto Canato

Tamamen C # ile yazılmıştır. "Windows ve Linux (Mono) üzerinde çalışır"

— Trindaz

Astaar ve Charles ile tamamen aynı fikirde olmanın yanı sıra, başka bir tane buldum: github.com/Stuk/server-replay

— quetzalcoatl

6

Chrome artık HAR dosyalarının yüklenmesini destekliyor. Chrome'u açın, F12'ye basın, Ağ Sekmesine tıklayın. .Har dosyasını sürükleyip bırakın BİTTİ!

— Chibi Chakaravarthi
kaynak

4

Hardiff.com oldukça kullanışlı bir araçtır. Bir veya daha fazla .hardosyayı karşılaştırmanıza olanak tanır .

— Zander
kaynak

2

Chrome'u açın ve F12'yi tıklayın
Ağ'ı tıklayın
Har dosyasını krom ağ sekmesine sürükleyip bırakın .

— S Krishna
kaynak

2

Geç kalmazsam ...

Firefox için, aynı har dosyası Ağ sekmesinden içe aktarılabilir.

— Sanjay Maurya
kaynak

1

HAR içe aktarma, Firefox'ta sorunsuz çalışır: Web Geliştiricisini Aç -> Ağ Sekmesi -> HAR -> İçe Aktar ... (Web geliştirici aracının sağ üst köşesi)

HAR İçe Aktarma Seçeneği

— Lalitanand Dandge
kaynak

0

Chrome tarayıcısını açın. bir sayfada herhangi bir yere sağ tıklayın> öğeleri inceleyin> ağ sekmesine gidin> .har dosyasını sürükleyip bırakın Günlükleri görmelisiniz.

— Arjun Thakur
kaynak

0

Sürükle ve bırak en iyi çözümdür. HAR içe aktarma simgesini tıklayarak içe aktarmanın başka bir yolunu gösteriyorum:

— Barani r
kaynak