Apa yang dimaksud dengan ekstensi?

Ekstensi adalah program software kecil yang menyesuaikan pengalaman penjelajahan. Software tersebut memungkinkan pengguna menyesuaikan fungsionalitas dan perilaku Chrome dengan kebutuhan atau preferensi individu. Aplikasi ini dibangun di atas teknologi web seperti HTML, JavaScript, dan CSS.

Ekstensi harus memenuhi satu tujuan yang ditentukan 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 maksud. Badge ini dapat berupa ikon sederhana, seperti ekstensi Google Mail Checker yang ditampilkan di atas, hingga menggantikan seluruh halaman.

File ekstensi dikompresi menjadi 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 mengetahui informasi selengkapnya, lihat dokumentasi developer Play Store.

Ekstensi Halo

Lakukan langkah kecil ke ekstensi dengan contoh Hello Extensions cepat ini. Mulai 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 melakukan banyak hal hanya dengan manifes. Untuk panduan memulai ini, ekstensi memiliki file dan ikon 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 kini menampilkan hello.html saat ikon diklik. Langkah berikutnya adalah menyertakan perintah di 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 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 dan pilih direktori untuk ekstensi "Hello Extensions" Anda.

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

Apa selanjutnya?

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