HAR Viewer

Cara membuka file HAR

1. Letakkan file .har Anda di area unggah atau klik area itu untuk memilih file. Anda juga bisa menempel JSON-nya ke Atau tempel JSON HAR lalu klik Buka HAR. Untuk melihat cara kerja viewer ini lebih dulu, klik Muat contoh.
2. Ringkasan menampilkan jumlah Permintaan, byte yang Ditransfer, ukuran Resource (terdekode), waktu Selesai permintaan terakhir, dan Event load halaman jika file merekamnya.
3. Persempit tabel dengan Filter URL (bagian dari alamat, atau method seperti POST), Tipe (dokumen, skrip, stylesheet, gambar, font, XHR / Fetch, media), dan Status (2xx, 3xx, 4xx, 5xx, atau Gagal (tanpa respons)). Jika file berisi beberapa halaman, filter Halaman akan muncul.
4. Klik sebuah URL untuk membuka Detail permintaan: informasi umum, fase timing, header permintaan dan respons, parameter query string, cookie, body permintaan, dan body respons sebagai teks biasa.
5. Sebelum mengirim file ke rekan kerja atau tim support, klik Sanitasi dan ekspor untuk mengunduh salinan yang sudah disamarkan.

Apa itu file HAR?

HAR (HTTP Archive) adalah format JSON untuk merekam apa saja yang dimuat browser. Chrome, Edge, Firefox, dan Safari semuanya bisa mengekspornya dari panel Network di developer tools (“Save all as HAR”). Setiap entri menjelaskan satu permintaan: method, URL, header dan cookie permintaan, data yang dikirim, status respons, header dan cookie respons, sering kali body respons, dan rincian waktu yang dihabiskan. Tim support meminta file HAR karena file ini menunjukkan persis apa yang terjadi di jaringan saat sebuah halaman lambat atau error.

Kolom Waterfall menggambar setiap permintaan pada satu garis waktu bersama, dibagi ke dalam fase yang didefinisikan spesifikasi HAR 1.2: antre/diblokir, DNS lookup, koneksi TCP, TLS handshake, kirim, menunggu byte pertama (TTFB), dan unduh. Bilah “Menunggu (TTFB)” yang panjang menandakan server yang lambat; bilah DNS atau TLS yang panjang menandakan masalah saat membangun koneksi; banyak permintaan yang mulai terlambat menandakan resource yang memblokir render. Permintaan berwarna merah gagal atau mengembalikan status 4xx atau 5xx.

Mengapa file HAR sensitif

File HAR adalah rekaman lengkap sesi Anda. Biasanya file ini berisi cookie sesi, header Authorization dengan bearer token, API key di URL, token CSRF, dan terkadang kata sandi serta data pribadi yang Anda ketik di formulir. Siapa pun yang mendapatkan file ini sering kali bisa memakai ulang cookie atau token tersebut untuk bertindak atas nama Anda hingga kedaluwarsa. Karena itu alat ini tidak pernah mengunggah file: file di-parse dan ditampilkan sepenuhnya di tab browser Anda.

Sanitasi dan ekspor menghapus semua cookie permintaan dan respons, mengganti nilai Cookie, Set-Cookie, Authorization, Proxy-Authorization, X-Api-Key, header CSRF, dan header apa pun yang namanya mengandung “token”, “secret”, atau “session” dengan [REDACTED], serta menyamarkan parameter seperti access_token, id_token, code, password, api_key, key, atau signature di URL, data formulir, dan body JSON. Baris status memberi tahu berapa banyak item yang disamarkan. Sanitasi adalah jaring pengaman, bukan jaminan: nama dan alamat email di URL, halaman HTML, dan body respons lainnya tetap ada, jadi baca file-nya sebelum Anda membagikannya. Mencabut sesi (logout) setelah merekam HAR juga merupakan kebiasaan yang baik.

Batasan

File hingga 100 MB bisa dibuka. Tabel menampilkan 2.000 permintaan pertama yang cocok; gunakan filter untuk menjangkau sisanya. Body yang lebih panjang dari 200.000 karakter dipotong di tampilan detail. Body respons selalu ditampilkan sebagai teks: HTML tidak pernah di-render dan gambar tidak pernah ditampilkan, dan body Base64 hanya didekode jika tipe kontennya berupa teks.