Cara menulis ekstensi Chrome

Menulis ekstensi dasar untuk browser web Anda tidak serumit yang Anda bayangkan.

Unduh Chrome

Unduh Chrome
Jika Anda belum melakukannya, unduh Google Chrome dari www.google.com/chrome. Ini tersedia untuk Windows, Mac OS X, dan Linux, dan kode ekstensi kami – serta sebagian besar ekstensi lainnya – akan berfungsi di berbagai platform. Chrome akan dengan senang hati hidup berdampingan dengan Firefox dan Internet Explorer.

Buat manifes

Buat manifes
Sekarang buat file manifes, ikon, dan halaman HTML sesuai petunjuk dalam panduan Kedalaman kami, atau unduh file dari www.pcpro.co.uk/links/194extensions. Buka paket file ke lokasi yang nyaman, pastikan file MANIFEST.JSON, AIDEMEMOIRE.HTML dan ikon ada dan benar.

Buka menu ekstensi

Buka menu ekstensi
Jalankan Chrome dan klik ikon kunci pas di paling kiri untuk membuka menu Alat. Dari menu ini, pilih Alat | Ekstensi. Ini memuat halaman yang menampilkan semua ekstensi standar, tetapi juga memungkinkan Anda bereksperimen tanpa memasang potongan-potongan tambahan.

Pilih mode Pengembang

Pilih mode Pengembang
Klik tautan mode Pengembang di paling kanan halaman, yang akan menampilkan tiga tombol tambahan: "Muat ekstensi yang belum dibuka", "Kemas ekstensi", dan "Perbarui ekstensi sekarang". Ini memungkinkan Anda menginstal ekstensi dalam bentuk mentahnya, atau membuat ekstensi "paket" untuk didistribusikan melalui internet.

Muat ekstensi yang belum dibuka

Muat ekstensi yang belum dibuka
Cukup klik "Muat ekstensi yang belum dibuka" lalu arahkan ke folder yang berisi file manifes, ikon, dan HTML ekstensi Anda. Setelah jeda sebentar, Anda akan melihat ekstensi muncul di daftar, atau Anda akan menerima pop-up kesalahan yang memberi tahu Anda apa yang salah.

Ekstensi ditambahkan

Ekstensi ditambahkan
Jika semuanya berjalan lancar, ikon ekstensi Anda akan muncul di sebelah kanan bilah alamat. Setiap kali diklik, konten file AIDEMEMOIRE.HTML muncul dalam pop-up kecil yang nyaman. Setelah Anda ingin mulai bereksperimen, buka dokumentasi Google melalui www.pcpro.co.uk/links/194extensions1

Logo Google Chrome

Logo Google Chrome