DevTools
Chrome DevTools adalah serangkaian alat developer web yang langsung disertakan ke browser Google Chrome. DevTools memungkinkan Anda mengedit halaman dengan cepat dan mendiagnosis masalah dengan cepat, sehingga membantu Anda membuat situs yang lebih baik dan lebih cepat.
Melakukan debug dengan AI
Pelajari bagaimana inovasi AI di DevTools memungkinkan Anda melakukan lebih banyak hal dengan lebih cepat. Gunakan DevTools untuk agen guna menghubungkan kemampuan DevTools ke agen coding favorit Anda.
Inovasi AI
Izinkan Gemini membantu Anda menganalisis dan meningkatkan gaya, jaringan, sumber, dan performa situs Anda. Dapatkan bantuan terkait error konsol, dan saran kode di panel Konsol dan Sumber.
DevTools untuk agen
Berikan agen coding Anda alat tepercaya yang sama dengan yang Anda gunakan untuk memeriksa aktivitas jaringan, merekam pelacakan, dan memecahkan masalah aplikasi web, dalam alur kerja AI Anda.
Hubungkan server Chrome DevTools MCP (Model Context Protocol) ke alat pilihan Anda: Antigravity, Claude Code, Cline, Copilot, dan lainnya.
Memahami performa
Dapatkan gambaran menyeluruh dan yang dapat ditindaklanjuti tentang performa halaman Anda.
Memeriksa resource
Pelajari cara memeriksa resource yang dimuat oleh halaman dan mengeditnya dari browser.
Menganalisis jaringan
Menganalisis dan menimpa permintaan dan respons jaringan dengan cepat.
Tips Alat Developer
Jelajahi seri video bulanan kami yang menjelaskan skenario proses debug umum di DevTools dengan cara yang menyenangkan.
Meniru pengalaman pengguna dengan agen coding
Chrome DevTools untuk agen memungkinkan agen Anda memverifikasi tata letak responsif, menguji API yang mengetahui lokasi, dan menyimulasikan berbagai kecepatan CPU atau jaringan.
Mengotomatiskan audit Lighthouse dengan agen coding
Lighthouse di Chrome DevTools untuk agen memungkinkan agen coding Anda mengevaluasi kualitas situs dengan melakukan pemeriksaan kondisi langsung untuk aksesibilitas, SEO, praktik terbaik, dan penjelajahan agen.
Pitstop pengoptimalan performa
Ikuti tur melalui panel Performa yang telah diupdate, yang menunjukkan cara mengukur Core Web Vitals (LCP, CLS, INP) dan cara mendapatkan saran yang disesuaikan dari Gemini.
Bajak Laut Pixel
Berlayarlah dengan DevTools dan jadilah bajak laut debugging! Temukan teknik untuk meniru gaya fokus, menguji formulir dengan isi otomatis, dan menyelesaikan error backend dengan penggantian jaringan.
Mendapatkan insight performa
Berbagai alat untuk membantu Anda mengukur dan mengoptimalkan berbagai aspek performa runtime: panel Performa, Lighthouse, dan lainnya.
Ringkasan alat performa
Pelajari semua fitur di panel Performa: cara merekam rekaman aktivitas performa, cara melihat dan menganalisis rekaman aktivitas, dan lainnya.
Pelajari insight performa baru, kecanggihan Lighthouse langsung di panel Performa DevTools.
Berita & info terbaru
Memeriksa dan mengedit resource
Referensi fitur
Pelajari semua fitur di panel Sumber: cara melihat dan mengedit file, men-debug JavaScript, dan menyiapkan ruang kerja.
Siapkan ruang kerja
Workspace memungkinkan Anda menyimpan perubahan yang Anda buat dalam DevTools ke kode sumber yang disimpan di komputer. Pelajari cara menyiapkan ruang kerja di project Anda sendiri.
Menganalisis aktivitas jaringan
Panel jaringan
Pelajari semua fitur di panel Jaringan: periksa isi respons dan permintaan, ganti header, dan lainnya.
Alat lainnya
Temukan semua fitur dan kemampuan lainnya di DevTools.