Pelajari kasus penggunaan untuk bantuan AI di Chrome DevTools dan pelajari cara bantuan AI dapat mendukung alur kerja proses debug Anda di seluruh gaya visual, performa, dan lainnya.

Membaca dokumen

… untuk gaya

Dapatkan penjelasan mendetail tentang tata letak elemen dan cara mengubahnya dengan perintah seperti ini:

How is this element laid out?

Apakah ini item fleksibel? Apakah diposisikan secara mutlak? Apakah bagian dari petak? Bantuan AI dapat meringkas tata letak hierarki elemen dan memberikan contoh kode untuk menunjukkan cara mengubahnya.

Ada animasi yang tidak berfungsi? Minta bantuan AI tentang elemen animasi Anda:

Why is my animation not working?

Bantuan AI akan memeriksa properti CSS, pemroses peristiwa, dan lainnya yang relevan untuk mengetahui masalah yang mungkin terjadi dan memberikan contoh kode untuk memperbaikinya.

DEMO

Tidak ada project yang dapat digunakan untuk menguji bantuan AI dalam menata gaya? Coba di Hangar DevTools.

Temukan perintah yang tepat untuk memperbaiki roda persegi panjang, lampu posisi yang rusak, dan mesin yang berasap agar pesawat DevTools dapat terbang lagi.

Menjelajahi demo

… untuk jaringan

Header permintaan dan respons sering kali berisi informasi penting yang tidak terlihat sekilas. Minta bantuan AI untuk menjelaskannya: 

Does this request have any notable headers?

Pernah merasa bahwa permintaan tertentu memerlukan waktu terlalu lama, tetapi tidak yakin alasannya? Minta bantuan AI untuk memeriksanya:

Why is this request taking so long?

Bantuan AI menyelidiki pengaturan waktu yang direkam dan akan memberi tahu Anda jika ada yang salah.

… untuk performa

Menemukan akar masalah situs yang lambat bisa jadi sulit. Tidak dapat memahami penyebab lonjakan di profil performa Anda? Bantuan AI dapat meringkas hierarki panggilan untuk Anda:

Anything to improve in this call tree?

… untuk sumber

Anda jarang menulis semua kode yang digunakan situs Anda - tidak dapat memahami mengapa resource tertentu dimuat dan untuk apa resource tersebut digunakan? Bantuan AI dapat membantu:

What is this file used for?

Baik itu skrip analisis, widget sosial, atau library pengujian A/B, bantuan AI akan menyelidiki dan mencari tahu.