Ringkasan tab Rendering
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
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 :
Buka DevTools .
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.
Poin penting: Selain membuka tab Rendering , Anda juga dapat menggunakan menu Command untuk menelusuri dan mengaktifkan opsi apa pun. Coba ketik nama opsi, misalnya, emulate.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 .
Kecuali dinyatakan lain, konten di halaman ini dilisensikan berdasarkan Lisensi Creative Commons Attribution 4.0 , sedangkan contoh kode dilisensikan berdasarkan Lisensi Apache 2.0 . Untuk mengetahui informasi selengkapnya, lihat Kebijakan Situs Google Developers . Java adalah merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2022-04-13 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Informasi yang saya butuhkan tidak ada"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Terlalu rumit/langkahnya terlalu banyak"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Sudah usang"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Masalah terjemahan"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Masalah kode / contoh"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Lainnya"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Mudah dipahami"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Memecahkan masalah saya"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Lainnya"
}]
{"lastModified": "Terakhir diperbarui pada 2022-04-13 UTC."}
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2022-04-13 UTC."],[],[]]
> Rendering.
> Alat Lainnya > Rendering.