Apa itu ekstensi?

Ekstensi adalah program perangkat lunak kecil yang menyesuaikan pengalaman penjelajahan. Hal ini memungkinkan pengguna menyesuaikan fungsi dan perilaku Chrome dengan kebutuhan atau preferensi masing-masing. Class ini dibuat di teknologi web seperti HTML, JavaScript, dan CSS.

Ekstensi harus memenuhi satu tujuan yang didefinisikan secara sempit dan mudah dipahami. Satu ekstensi dapat mencakup beberapa komponen dan berbagai fungsi, selama semuanya berkontribusi pada tujuan yang sama.

Screenshot ikon ekstensi di kolom browser

Antarmuka pengguna harus minimal dan memiliki intent. Batas tersebut dapat berkisar dari ikon sederhana, seperti ekstensi Google Mail Checker yang ditampilkan di atas, hingga mengganti seluruh halaman.

File ekstensi dikompresi ke dalam satu paket .crx yang didownload dan diinstal pengguna. Artinya, ekstensi tidak bergantung pada konten dari web, tidak seperti aplikasi web biasa.

Ekstensi didistribusikan melalui Dasbor Developer Chrome dan dipublikasikan ke Chrome Web Store. Untuk informasi selengkapnya, lihat dokumentasi developer toko.

Ekstensi Hello

Ambil langkah kecil untuk membuat ekstensi dengan contoh Halo Ekstensi singkat ini. Mulailah dengan membuat direktori baru untuk menyimpan file ekstensi, atau download dari halaman contoh.

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 bisa melakukan banyak hal hanya dengan manifes. Untuk memulai cepat ini, ekstensi memiliki ikon dan file pop-up yang dideklarasikan di kolom 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"
  }
}

Download hello_extensions.png di sini, lalu buat file berjudul hello.html:

<html>
  <body>
    <h1>Hello Extensions</h1>
  </body>
</html>

Ekstensi sekarang menampilkan hello.html saat ikon diklik. Langkah berikutnya adalah menyertakan perintah dalam manifest.json yang mengaktifkan pintasan keyboard. Langkah ini menyenangkan, tetapi tidak diperlukan:

{
  "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 tersebut di komputer lokal Anda.

  1. Buka chrome://extensions di browser Anda. Anda juga dapat mengakses halaman ini dengan mengklik menu Chrome di sisi kanan atas Omnibox, mengarahkan kursor ke Alat Lainnya dan memilih Ekstensi.
  2. Centang kotak di samping Mode Developer.
  3. Klik Load Unpacked Extension, lalu pilih direktori untuk ekstensi "Hello Extensions".

Selamat! Anda kini dapat menggunakan ekstensi berbasis pop-up dengan mengklik ikon hello_world.png atau dengan menekan Ctrl+Shift+F pada keyboard.

Bagaimana selanjutnya?

  1. Ikuti tutorial Memulai
  2. Baca Ringkasan
  3. Dapatkan info terbaru dengan membaca blog Chromium
  4. Berlangganan grup chromium-extensions