Ekstensi adalah custom program / perangkat lunak kecil yang dikembangkan untuk meningkatkan pengalaman berselancar / browsing / searching / googling. Ini dapat mempengaruhi pengguna dalam memperlakukan chrome sebagai salah satu aplikasi mesin pencari, secara individu mereka dapat menyesuaikan fungsionalitas chrome berdasarkan kebutuhan dan preferensi mereka. Teknologi yang digunakan untuk mengembangkan ekstensi adalah HTML, Javascript & CSS.
Sebuah ekstensi harus memiliki tujuan khusus / spesifik dan mudah dipahami. Satu ekstensi dapat mencakup banyak komponen dan serangkaian fungsi, selama semuanya berkontribusi terhadap tujuan utama.
Antarmuka setidaknya mencerminkan tujuan utama. Mulai dari icon sederhana, contoh ekstensi Google Mail Checker seperti gambar di bawah ini, hingga mengesampingkan seluruh halaman.
File ekstensi di-zip menjadi satu paket .crx yang diunduh dan diinstal pengguna. Ini berarti ekstensi tidak bergantung pada konten dari web, tidak seperti aplikasi web biasa.
Ekstensi didistribusikan melalui Dasbor Pengembang Chrome dan diterbitkan ke Toko Web Chrome. Untuk informasi lebih lanjut, lihat dokumentasi pengembang toko.
Hello Extensions
Ambil langkah kecil menuju ekstensi dengan contoh Hello Extensions ini. Mulai dengan membuat direktori baru untuk menyimpan file ekstensi, atau mengunduhnya dari halaman sampel.
Selanjutnya, tambahkan file bernama manifest.json dan sertakan kode berikut:
{
"name": "Hello Extensions",
"description" : "Base Level Extension",
"version": "1.0",
"manifest_version": 2
}Setiap ekstensi memerlukan manifes, meskipun sebagian besar ekstensi tidak akan berbuat banyak hanya dengan manifes. Pada contoh kasus ini, ekstensi memiliki file popup dan ikon yang dinyatakan dalam bidang browser_action:
{
"name": "Hello Extensions",
"description" : "Base Level Extension",
"version": "1.0",
"manifest_version": 2,
"browser_action": {
"default_popup": "hello.html",
"default_icon": "hello_extensions.png"
}
}Unduh hello_extensions.png di sini lalu buat file berjudul hello.html:
<html>
<body>
<h1>Hello Extensions</h1>
</body>
</html>Ekstensi sekarang menampilkan hello.html ketika ikon diklik. Langkah selanjutnya adalah memasukkan perintah dalam manifes.json yang memungkinkan membuat shortcut keyboard. Langkah ini menyenangkan, tetapi tetap hati-hati:
{
"name": "Hello Extensions",
"description" : "Base Level Extension",
"version": "1.0",
"manifest_version": 2,
"browser_action": {
"default_popup": "hello.html",
"default_icon": "hello_extensions.png"
},
"commands": {
"_execute_browser_action": {
"suggested_key": {
"default": "Ctrl+Shift+F",
"mac": "MacCtrl+Shift+F"
},
"description": "Opens hello.html"
}
}
}Langkah terakhir adalah menginstal ekstensi pada mesin lokal Anda.
- Arahkan ke chrome://extensions di browser Anda. Anda juga dapat mengakses halaman ini dengan mengeklik menu Chrome di sisi kanan atas Omnibox, melayang di atas yang punya banyak alat untuk memilih Ekstensi.
- Centang kotak di sebelah Mode Pengembang.
- Klik Load Unpacked Extension dan dan pilih direktori dimana Anda menaruh file "Hello Extensions" Anda.
Selamat! Anda sekarang dapat menggunakan ekstensi berbasis popup dengan mengklik ikon hello_world.png atau dengan menekan Ctrl + Shift + F pada keyboard Anda.