Langsung ke konten utama
Dokumen
Membangun dengan Chrome
Pelajari cara kerja Chrome, berpartisipasilah dalam uji coba origin, dan bangun aplikasi dengan Chrome di mana saja.
Platform Web
Kemampuan
ChromeDriver
Extensions
Chrome Web Store
Kromium
Web di Android
Uji coba origin
Catatan rilis
Produktivitas
Ciptakan pengalaman terbaik untuk pengguna Anda dengan alat terbaik di web.
DevTools
Mercusuar
Laporan UX Chrome
Aksesibilitas
Selesaikan berbagai hal lebih cepat dan lebih rapi dengan library siap pakai kami.
Workbox
Boneka
Pengalaman
Desain web yang menarik dan berperforma tinggi dengan Chrome.
AI
Performa
CSS dan UI
Identitas
Pembayaran
Privasi dan keamanan
Referensi
Lainnya dari Chrome dan Google.
Semua dokumentasi
Dasar pengukuran
web.dev
Audit PageSpeed Insights
Privacy Sandbox
Aplikasi Web Terisolasi (IWA)
Studi kasus
Blog
Baru di Chrome
English
Deutsch
Español – América Latina
Français
Indonesia
Italiano
Nederlands
Polski
Português – Brasil
Tiếng Việt
Türkçe
Русский
עברית
العربيّة
فارسی
हिंदी
বাংলা
ภาษาไทย
中文 – 简体
中文 – 繁體
日本語
한국어
Chrome DevTools
DevTools
Mulai
Bantuan AI
Ringkasan
Mulai
Gaya visual
Jaringan
Sumber
Performa
Panel
Musik Populer
Elemen
Konsol
Mercusuar
Memori
Jaringan
Performa
Perekam Suara
Rendering
Keamanan
Sumber
Semua
Isi otomatis
Animasi
Aplikasi
Perubahan
Cakupan
Ringkasan CSS
Resource developer
Masalah
Lapisan
Mercusuar
Media
Pemeriksa Memori
Kondisi jaringan
Pemblokiran permintaan jaringan
Pemantau performa
Pemantau protokol
Sumber cepat
Sensor
WebAudio
WebAuthn
Yang baru
Setelan
Aksesibilitas
Dokumen
Lainnya
DevTools
Mulai
Bantuan AI
Lainnya
Panel
Lainnya
Setelan
Aksesibilitas
Studi kasus
Blog
Baru di Chrome
Elemen
Ringkasan
DOM
Melihat dan mengubah DOM
Melihat properti objek DOM
Referensi lencana
CSS
Melihat dan mengubah CSS
Menemukan CSS yang tidak valid, diganti, tidak aktif, dan CSS lainnya
Memeriksa dan men-debug dengan Pemilih Warna
Memeriksa tata letak petak
Memeriksa dan men-debug tata letak flexbox
Memeriksa dan men-debug kueri penampung
Referensi fitur
Konsol
Ringkasan
Memahami error dan peringatan dengan insight konsol
Pesan log
Jalankan JavaScript
Lihat JavaScript secara real-time
Memformat dan menyesuaikan gaya pesan
Referensi fitur
Referensi API
Referensi Utilities API
Sumber
Ringkasan
JavaScript Debug
Menjeda kode dengan titik henti sementara
Menjalankan cuplikan JavaScript
Men-debug kode asli, bukan di-deploy dengan peta sumber
Ekstensi peta sumber ignoreList
Menyiapkan ruang kerja untuk menyimpan perubahan pada file sumber
Mengganti header respons HTTP dan konten web secara lokal
Referensi proses debug JavaScript
Men-debug WebAssembly C/C++
Jaringan
Ringkasan
Memeriksa aktivitas jaringan
Referensi fitur
Melihat resource halaman
Performa
Ringkasan
Menganalisis performa runtime
Memberi anotasi dan membagikan temuan performa
Referensi fitur
Referensi acara linimasa
Menganalisis performa pemilih CSS
Membuat profil performa Node.js
Menyesuaikan data performa dengan Extensibility API
Dapatkan hasil analisis yang bisa ditindaklanjuti tentang performa situs Anda
Mercusuar
Optimalkan kecepatan web
Memori
Ringkasan
Terminologi memori
Memperbaiki masalah memori
Merekam snapshot heap
Alat Allocation Profiler
Aplikasi
Ringkasan
Men-debug Progressive Web App
Lihat dan edit
Penyimpanan lokal
Penyimpanan sesi
Penyimpanan ekstensi
Data IndexedDB
Data Web SQL
Melihat, menambahkan, mengedit, dan menghapus cookie
Melihat data cache
Menguji back-forward cache
Aturan spekulasi proses debug
Men-debug layanan latar belakang
Lihat detail bingkai
Melihat data Cache Aplikasi
Perekam Suara
Ringkasan
Merekam, memutar ulang, dan mengukur alur penggunaan
Referensi fitur
Menyesuaikan Perekam Suara dengan ekstensi
Rendering
Ringkasan
Menemukan masalah terkait performa rendering
Emulasi fitur media CSS
Menerapkan efek rendering
Panel lainnya
Memeriksa dan men-debug alamat yang tersimpan dengan panel Isi Otomatis
Memahami masalah keamanan dengan Panel keamanan
Emulasi sensor perangkat dengan panel Sensor
Melihat metrik WebAudio API dengan panel WebAudio
Emulasikan pengautentikasi dengan panel WebAuthn
Memeriksa dan mengubah animasi dengan panel Animations
Lacak perubahan pada HTML, CSS, dan JavaScript dengan panel Perubahan
Menemukan dan menganalisis kode yang tidak digunakan dengan panel Cakupan
Melihat dan memuat peta sumber secara manual dengan panel Resource Developer
Identifikasi potensi peningkatan CSS dengan panel Ringkasan CSS
Menemukan dan memperbaiki masalah terkait panel Issues
Menganalisis lapisan situs dengan panel Lapisan
Men-debug pemutar media dengan panel Media
Memeriksa memori ArrayBuffer, TypedArray, DataView, atau Wasm dengan panel Pemeriksa memori
Mengganti string agen pengguna dengan panel Kondisi jaringan
Memblokir resource secara selektif dengan panel Pemblokiran permintaan jaringan
Menganalisis performa runtime secara real time dengan panel Monitor performa
Melihat dan mengirim permintaan CDP dengan panel monitor Protocol
Lihat file sumber sekaligus memiliki akses ke alat lain dengan panel Sumber cepat
Yang baru
Proses debug jarak jauh
Melakukan debug perangkat Android dari jarak jauh
Mengakses server lokal dan instance Chrome dengan penerusan port
Men-debug WebView dari jarak jauh
Aksesibilitas
Referensi fitur
Kontras dan keterbacaan
Melacak fokus elemen
Menavigasi DevTools dengan teknologi pendukung
Setelan
Ringkasan
Semua setelan
Preferensi
Workspace
Inovasi AI
Eksperimen
Daftar pengabaian
Perangkat
Throttling
Lokasi
Pintasan
Referensi
Blog engineer
Membangun dengan Chrome
Platform Web
Kemampuan
ChromeDriver
Extensions
Chrome Web Store
Kromium
Web di Android
Uji coba origin
Catatan rilis
Produktivitas
DevTools
Mercusuar
Laporan UX Chrome
Aksesibilitas
Workbox