Selamat datang di pengembangan Ekstensi Chrome. Temukan semua yang Anda perlukan untuk mulai mem-build dan mendistribusikan Ekstensi Chrome pertama Anda.

Ringkasan

Ekstensi Chrome meningkatkan pengalaman penjelajahan dengan menyesuaikan antarmuka pengguna, mengamati peristiwa browser, dan mengubah web. Kunjungi Chrome Web Store untuk melihat contoh lain tentang kemampuan ekstensi.
Anda dapat mem-build ekstensi menggunakan teknologi web yang sama dengan yang digunakan untuk membuat aplikasi web: HTML, CSS, dan JavaScript.
Selain Web API, ekstensi juga memiliki akses ke Chrome Extension API untuk menyelesaikan berbagai tugas. Untuk ringkasan yang lebih mendetail, lihat Panduan pengembangan.

Terminologi ekstensi

Ekstensi Chrome terdiri dari bagian-bagian yang memainkan peran yang berbeda.
Manifes ekstensi adalah satu-satunya file yang diperlukan yang harus memiliki nama file tertentu: manifest.json. File ini juga harus berada di direktori root ekstensi. Manifes mencatat metadata penting, menentukan resource, mendeklarasikan izin, dan mengidentifikasi file yang akan dijalankan di latar belakang dan di halaman.
Pekerja layanan berjalan di latar belakang dan menangani peristiwa browser, seperti menghapus bookmark, atau menutup tab. Fungsi ini tidak memiliki akses ke DOM, tetapi Anda dapat menggabungkannya dengan dokumen di balik layar untuk kasus penggunaan ini.
Skrip konten menjalankan JavaScript dalam konteks halaman web.
Jalankan kode saat pengguna mengklik ikon toolbar ekstensi atau tampilkan pop-up menggunakan Action API.
Menampilkan UI kustom di panel samping browser.
Mencegat, memblokir, atau mengubah permintaan jaringan.

Memublikasikan ke Chrome Web Store

Jika Anda membuat ekstensi untuk diri sendiri, lihat tutorial memulai. Jika ingin memublikasikan ke Chrome Web Store, ada beberapa hal yang perlu Anda ketahui terlebih dahulu.
Saat memilih fitur yang akan didukung, pastikan ekstensi Anda memenuhi satu tujuan yang didefinisikan secara sempit dan mudah dipahami.
Ekstensi yang didistribusikan di Chrome Web Store harus mematuhi kebijakan program developer. Pelajari kebijakan ini untuk memastikan ekstensi Anda dapat dihosting di Chrome Web Store.
Saat menulis kode, perhatikan bahwa semua logika harus disertakan dalam paket ekstensi. Artinya, tidak ada kode JavaScript tambahan yang dapat didownload saat runtime. Meningkatkan keamanan ekstensi menyediakan alternatif untuk menjalankan kode yang dihosting dari jarak jauh.

Tutorial

Pilih salah satu tutorial berikut untuk memulai perjalanan pembelajaran ekstensi Anda.
Buat ekstensi hello world pertama Anda, tempat Anda akan memahami alur kerja pengembangan ekstensi.
Pelajari cara menambahkan elemen secara otomatis ke situs yang ditentukan.
Pelajari cara menyederhanakan gaya halaman saat ini dengan mengklik ikon toolbar.
Pelajari cara membuat pop-up yang mengelola tab Anda.
Pelajari cara membuat dan men-debug pekerja layanan ekstensi.
Pelajari cara menemukan log dan pesan error selama proses debug.