Ekstensi dapat mengakses Chrome DevTools yang sama dengan halaman web. Untuk menjadi ahli dalam men-debug ekstensi, Anda harus mengetahui cara menemukan log dan error dari berbagai komponen ekstensi. Tutorial ini memberikan teknik dasar untuk men-debug ekstensi Anda.
Sebelum memulai
Panduan ini mengasumsikan bahwa Anda memiliki pengalaman pengembangan web dasar. Sebaiknya baca Dasar-Dasar Pengembangan untuk mengetahui pengantar alur kerja pengembangan ekstensi. Mendesain antarmuka pengguna memberi Anda pengantar tentang elemen antarmuka pengguna yang tersedia di ekstensi.
Memisahkan ekstensi
Tutorial ini akan merusak satu komponen ekstensi pada satu waktu, lalu menunjukkan cara memperbaikinya. Jangan lupa untuk mengurungkan bug yang diperkenalkan di satu bagian sebelum melanjutkan ke bagian berikutnya. Mulai dengan mendownload contoh Warna Rusak di GitHub.
Men-debug manifes
Pertama, mari kita pecah file manifes dengan mengubah kunci "version" menjadi "versions":
manifest.json:
{
"name"