Meggin Kearney
Flavio Copes
Mode peristiwa linimasa menampilkan semua peristiwa yang dipicu saat membuat rekaman. Gunakan referensi peristiwa linimasa untuk mempelajari setiap jenis peristiwa linimasa lebih lanjut.
Properti peristiwa linimasa umum
Detail tertentu ditampilkan dalam semua jenis peristiwa, sementara beberapa detail hanya berlaku untuk jenis peristiwa tertentu. Bagian ini mencantumkan properti yang umum untuk berbagai jenis peristiwa. Properti khusus untuk jenis peristiwa tertentu tercantum dalam referensi untuk jenis peristiwa yang mengikutinya.
| Properti | Kapan ditampilkan |
|---|---|
| Waktu gabungan | Untuk peristiwa dengan peristiwa bertingkat, waktu yang dibutuhkan oleh setiap kategori peristiwa. |
| Stack Panggilan | Untuk peristiwa dengan peristiwa turunan, waktu yang dibutuhkan oleh setiap kategori peristiwa. |
| Waktu CPU | Jumlah waktu CPU yang diperlukan oleh peristiwa yang direkam. |
| Detail | Detail lain tentang acara. |
| Durasi (pada stempel waktu) | Waktu yang dibutuhkan peristiwa dengan semua turunannya untuk selesai; stempel waktu adalah waktu saat peristiwa terjadi, relatif terhadap waktu perekaman dimulai. |
| Waktu mandiri | Berapa lama acara berlangsung tanpa anaknya. |
| Ukuran Heap yang Digunakan | Jumlah memori yang digunakan oleh aplikasi saat peristiwa direkam, dan delta (+/-) berubah ukuran heap yang digunakan sejak pengambilan sampel terakhir. |
Peristiwa pemuatan
Bagian ini mencantumkan peristiwa yang termasuk dalam kategori Memuat dan propertinya.
| Event | Deskripsi |
|---|---|
| Urai HTML | Chrome menjalankan algoritme penguraian HTML-nya. |
| Selesai Memuat | Permintaan jaringan selesai. |
| Terima Data | Data untuk permintaan telah diterima. Akan ada satu atau beberapa peristiwa Terima Data. |
| Terima Respons | Respons HTTP awal dari permintaan. |
| Kirim Permintaan | Permintaan jaringan telah dikirim. |
Memuat properti peristiwa
| Properti | Deskripsi |
|---|---|
| Resource | URL resource yang diminta. |
| Pratinjau | Pratinjau aset yang diminta (hanya gambar). |
| Metode Permintaan | Metode HTTP yang digunakan untuk permintaan (misalnya GET atau POST). |
| Kode Status | Kode respons HTTP. |
| Jenis MIME | Jenis MIME resource yang diminta. |
| Panjang Data yang Dienkodekan | Panjang resource yang diminta dalam byte. |
Peristiwa pembuatan skrip
Bagian ini mencantumkan peristiwa yang termasuk dalam kategori Pembuatan Skrip dan propertinya.
| Event | Deskripsi |
|---|---|
| Frame Animasi Diaktifkan | Bingkai animasi terjadwal diaktifkan dan pengendali callback-nya dipanggil. |
| Batalkan Frame Animasi | Bingkai animasi yang dijadwalkan dibatalkan. |
| Peristiwa GC | Pembersihan sampah memori terjadi. |
| DOMContentLoaded | DOMContentLoaded diaktifkan oleh browser. Peristiwa ini diaktifkan saat semua konten DOM halaman telah dimuat dan diuraikan. |
| Evaluasi Skrip | Skrip telah dievaluasi. |
| Event | Peristiwa JavaScript ("mousedown", atau "key", misalnya). |
| Panggilan Fungsi | Panggilan fungsi JavaScript tingkat atas telah dilakukan (hanya muncul saat browser memasuki mesin JavaScript). |
| Instal Timer | Timer dibuat dengan setInterval() atau setTimeout(). |
| Meminta Frame Animasi | Panggilan requestAnimationFrame() menjadwalkan frame baru |
| Hapus Timer | Timer yang dibuat sebelumnya telah dihapus. |
| Waktu | Skrip bernama console.time() |
| Waktu Berakhir | Skrip bernama console.timeEnd() |
| Timer Diaktifkan | Timer aktif yang dijadwalkan dengan setInterval() atau setTimeout(). |
| Perubahan Status yang Kompatibel dengan XHR | Status siap XMLHTTPRequest berubah. |
| Pemuatan XHR | XMLHTTPRequest selesai dimuat. |
Properti peristiwa pembuatan skrip
| Properti | Deskripsi |
|---|---|
| ID Timer | ID timer. |
| Waktu tunggu | Waktu tunggu yang ditentukan oleh timer. |
| Repeats | Boolean yang menentukan apakah timer berulang. |
| Panggilan Fungsi | Fungsi yang dipanggil. |
Peristiwa rendering
Bagian ini mencantumkan kejadian yang termasuk dalam kategori Rendering dan propertinya.
| Event | Deskripsi |
|---|---|
| Tata letak tidak valid | Tata letak halaman menjadi tidak valid karena perubahan DOM. |
| Tata Letak | Tata letak halaman telah dieksekusi. |
| Hitung ulang gaya | Chrome menghitung ulang gaya elemen. |
| Scroll | Konten tampilan bertingkat di-scroll. |
Properti peristiwa rendering
| Properti | Deskripsi |
|---|---|
| Tata letak tidak valid | Untuk catatan Layout, stack trace kode yang menyebabkan tata letak menjadi tidak valid. |
| Node yang memerlukan tata letak | Untuk catatan Tata Letak, jumlah node yang ditandai sebagai membutuhkan tata letak sebelum tata letak ulang dimulai. Biasanya, node ini adalah node yang dibatalkan validasinya oleh kode developer, ditambah jalur ke atas ke tata letak ulang root. |
| Ukuran hierarki tata letak | Untuk data Tata letak, jumlah total node di bawah root penataan ulang (node tempat Chrome memulai penataan ulang tata letak). |
| Cakupan tata letak | Nilai yang memungkinkan adalah "Partial" (batas penataan ulang adalah bagian dari DOM) atau "Keseluruhan dokumen". |
| Elemen yang terpengaruh | Untuk pencatatan ulang gaya, jumlah elemen yang terpengaruh oleh penghitungan ulang gaya. |
| Gaya menjadi tidak valid | Untuk pencatatan ulang gaya, menyediakan pelacakan tumpukan kode yang menyebabkan pembatalan gaya. |
Acara melukis
Bagian ini mencantumkan peristiwa yang termasuk dalam kategori Painting dan propertinya.
| Event | Deskripsi |
|---|---|
| Gabungkan Lapisan | Mesin rendering Chrome menggabungkan lapisan gambar. |
| Dekode Gambar | Resource gambar telah didekode. |
| Ubah Ukuran Gambar | Gambar diubah ukurannya dari dimensi native-nya. |
| Cat | Lapisan yang digabungkan dilukis ke area tampilan. Mengarahkan kursor ke atas catatan Paint akan menandai wilayah tampilan yang diperbarui. |
Properti peristiwa Painting
| Properti | Deskripsi |
|---|---|
| Lokasi | Untuk kejadian Paint, koordinat x dan y dari persegi panjang paint. |
| Dimensi | Untuk peristiwa Paint, tinggi dan lebar region yang digambar. |