Temukan kumpulan opsi yang memengaruhi rendering konten web dengan ringkasan fitur tab Rendering di DevTools.
Ringkasan
Tab Rendering membantu Anda:
- Menemukan masalah performa rendering. Pengecatan ulang tempat, pergeseran tata letak, lapisan dan tile, masalah scroll, lihat statistik rendering dan Core Web Vitals.
- Mengemulasi fitur media CSS. Uji cara halaman dirender dengan fitur media CSS yang berbeda tanpa menentukannya secara manual di kode atau lingkungan pengujian Anda.
- Terapkan efek berguna lainnya. Tandai frame iklan, emulasikan fokus pada halaman, nonaktifkan font dan format gambar lokal, aktifkan tema gelap otomatis, dan emulasikan kekurangan penglihatan.
Membuka tab Rendering
Untuk membuka tab Rendering:
Tekan Command+Shift+P (Mac) atau Control+Shift+P (Windows, Linux, ChromeOS) untuk membuka Command Menu.
Mulai ketik
rendering
, pilih Show Rendering, lalu tekan Enter. DevTools menampilkan tab Rendering di bagian bawah jendela DevTools.
Atau, Anda dapat membuka tab Rendering dengan cara berikut:
- Tekan Esc untuk membuka Panel Samping, lalu di pojok kiri atas, klik Alat Lainnya > Rendering.
- Di sudut kanan atas, klik Opsi Lainnya > Alat Lainnya > Rendering.