Meggin Kearney
Flavio Copes
Mode peristiwa linimasa menampilkan semua peristiwa yang dipicu saat membuat rekaman. Gunakan referensi peristiwa linimasa untuk mempelajari lebih lanjut setiap jenis peristiwa linimasa.
Properti peristiwa linimasa umum
Detail tertentu ada di 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 tersebut yang akan mengikuti.
| Properti | Kapan ditampilkan |
|---|---|
| Waktu gabungan | Untuk peristiwa dengan peristiwa bertingkat, waktu yang diperlukan oleh setiap kategori peristiwa. |
| Stack Panggilan | Untuk peristiwa dengan peristiwa turunan, waktu yang diperlukan oleh setiap kategori peristiwa. |
| Waktu CPU | Jumlah waktu CPU yang digunakan peristiwa yang direkam. |
| Detail | Detail lainnya tentang peristiwa. |
| Durasi (pada stempel waktu) | Waktu yang diperlukan peristiwa dengan semua turunannya untuk selesai; stempel waktu adalah waktu terjadinya peristiwa, relatif terhadap saat perekaman dimulai. |
| Waktu tunggal | Durasi peristiwa tanpa turunannya. |
| Ukuran Heap yang Digunakan | Jumlah memori yang digunakan oleh aplikasi saat peristiwa direkam, dan perubahan delta (+/-) dalam ukuran heap yang digunakan sejak sampling terakhir. |
Memuat peristiwa
Bagian ini mencantumkan peristiwa yang termasuk dalam kategori Pemuatan dan propertinya.
| Acara | Deskripsi |
|---|---|
| Mengurai HTML | Chrome menjalankan algoritma penguraian HTML-nya. |
| Selesai Memuat | Permintaan jaringan selesai. |
| Menerima Data | Data untuk permintaan telah diterima. Akan ada satu atau beberapa peristiwa Terima Data. |
| Menerima Respons | Respons HTTP awal dari permintaan. |
| Kirim Permintaan | Permintaan jaringan telah dikirim. |
Memuat properti peristiwa
| Properti | Deskripsi |
|---|---|
| Resource | URL resource yang diminta. |
| Pratinjau | Pratinjau resource yang diminta (khusus 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 Dienkode | Panjang resource yang diminta dalam byte. |
Peristiwa pembuatan skrip
Bagian ini mencantumkan peristiwa yang termasuk dalam kategori Skrip dan propertinya.
| Acara | Deskripsi |
|---|---|
| Frame Animasi Diaktifkan | Frame animasi terjadwal diaktifkan, dan pengendali callback-nya dipanggil. |
| Membatalkan Frame Animasi | Frame animasi terjadwal 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 dievaluasi. |
| Acara | Peristiwa JavaScript ("mousedown", atau "key", misalnya). |
| Panggilan Fungsi | Panggilan fungsi JavaScript level atas dilakukan (hanya muncul saat browser memasuki mesin JavaScript). |
| Menginstal Timer | Timer dibuat dengan setInterval() atau setTimeout(). |
| Minta Frame Animasi | Panggilan requestAnimationFrame() menjadwalkan frame baru |
| Menghapus Timer | Timer yang dibuat sebelumnya telah dihapus. |
| Waktu | Skrip yang disebut console.time() |
| Waktu Berakhir | Skrip yang disebut console.timeEnd() |
| Timer Diaktifkan | Timer diaktifkan yang dijadwalkan dengan setInterval() atau setTimeout(). |
| Perubahan Status yang Kompatibel dengan XHR | Status siap XMLHTTPRequest berubah. |
| Memuat XHR | XMLHTTPRequest selesai dimuat. |
Membuat skrip properti peristiwa
| Properti | Deskripsi |
|---|---|
| ID Timer | ID timer. |
| Waktu habis | Waktu tunggu yang ditentukan oleh timer. |
| Repeats | Boolean yang menentukan apakah timer diulang. |
| Panggilan Fungsi | Fungsi yang dipanggil. |
Merender peristiwa
Bagian ini mencantumkan peristiwa yang termasuk dalam kategori Rendering dan propertinya.
| Acara | Deskripsi |
|---|---|
| Membatalkan validasi tata letak | Tata letak halaman tidak valid karena perubahan DOM. |
| Tata Letak | Tata letak halaman telah dijalankan. |
| Menghitung ulang gaya | Chrome menghitung ulang gaya elemen. |
| Scroll | Konten tampilan bertingkat di-scroll. |
Merender properti peristiwa
| Properti | Deskripsi |
|---|---|
| Tata letak tidak valid | Untuk kumpulan data Tata Letak, stack trace kode yang menyebabkan tata letak menjadi tidak valid. |
| Node yang memerlukan tata letak | Untuk data Tata letak, jumlah node yang ditandai sebagai memerlukan tata letak sebelum tata letak ulang dimulai. Ini biasanya adalah node yang tidak divalidasi oleh kode developer, ditambah jalur ke atas untuk menata ulang root. |
| Ukuran hierarki tata letak | Untuk kumpulan data Tata letak, jumlah total node di bawah root tata letak ulang (node tempat Chrome memulai tata letak ulang). |
| Cakupan tata letak | Nilai yang mungkin adalah "Parsial" (batas tata letak ulang adalah bagian dari DOM) atau "Seluruh dokumen". |
| Elemen yang terpengaruh | Untuk data Hitung ulang gaya, jumlah elemen yang terpengaruh oleh penghitungan ulang gaya. |
| Gaya tidak valid | Untuk Recalculate style records, memberikan pelacakan tumpukan kode yang menyebabkan pembatalan validasi gaya. |
Acara melukis
Bagian ini mencantumkan peristiwa yang termasuk dalam kategori Lukisan dan propertinya.
| Acara | Deskripsi |
|---|---|
| Lapisan Gabungan | Lapisan gambar gabungan mesin rendering Chrome. |
| Dekode Gambar | Resource gambar didekode. |
| Ubah Ukuran Gambar | Ukuran gambar diubah dari dimensi native-nya. |
| Cat | Lapisan gabungan digambar ke area tampilan. Mengarahkan kursor ke data Paint akan menandai area tampilan yang diperbarui. |
Properti peristiwa lukisan
| Properti | Deskripsi |
|---|---|
| Lokasi | Untuk peristiwa Paint, koordinat x dan y persegi panjang cat. |
| Dimensi | Untuk peristiwa Paint, tinggi dan lebar wilayah yang dicat. |