Ringkasan tab Rendering

Sofia Emelianova
Sofia Emelianova

Temukan kumpulan opsi yang memengaruhi rendering konten web dengan ringkasan fitur tab Rendering di DevTools ini.

Ringkasan

Tab Rendering membantu Anda:

  • Temukan masalah performa rendering. Pengecatan ulang area, pergeseran tata letak, lapisan dan ubin, masalah scroll, lihat statistik rendering dan Data Web Inti.
  • Mengemulasi fitur media CSS. Uji bagaimana halaman dirender dengan fitur media CSS yang berbeda tanpa menentukannya secara manual dalam kode atau lingkungan pengujian Anda.
  • Terapkan efek lain yang bermanfaat. Menyoroti bingkai iklan, meniru fokus pada halaman, menonaktifkan font dan format gambar lokal, mengaktifkan tema gelap otomatis, serta meniru kekurangan penglihatan.

Membuka tab Rendering

Untuk membuka tab Rendering:

  1. Buka DevTools.

  2. Tekan Command+Shift+P (Mac) atau Control+Shift+P (Windows, Linux, ChromeOS) untuk membuka Command Menu.

    Menu perintah, Rendering

  3. 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, dan di pojok kiri atas, klik Alat Lainnya Lainnya > Rendering.
  • Di sudut kanan atas, klik Opsi Lainnya Lainnya > Alat Lainnya > Rendering.