Apa itu ekstensi?

Ekstensi adalah program perangkat lunak kecil yang menyesuaikan pengalaman penjelajahan. Keduanya memungkinkan pengguna untuk menyesuaikan fungsi dan perilaku Chrome dengan kebutuhan atau preferensi individu. Dibuat di web seperti HTML, JavaScript, dan CSS.

Ekstensi harus memenuhi satu tujuan yang didefinisikan secara sempit dan mudah dipahami. J ekstensi tunggal dapat mencakup banyak komponen dan berbagai fungsi, asalkan semuanya berkontribusi untuk tujuan bersama.

Screenshot ikon ekstensi di kolom URL

Antarmuka pengguna harus minimal dan memiliki maksud. Dapat berkisar dari ikon sederhana, seperti Ekstensi Mail Checker yang ditampilkan di atas, untuk mengganti seluruh halaman.

File ekstensi di-zip menjadi satu paket .crx yang didownload dan diinstal pengguna. Ini berarti 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

Lakukan sedikit langkah kecil untuk mempelajari ekstensi dengan contoh Ekstensi Hello yang cepat ini. Mulai dengan membuat untuk menyimpan file ekstensi, atau mendownloadnya 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 banyak berguna hanya dengan manifes. Untuk memulai cepat ini, ekstensi memiliki file pop-up dan ikon yang dideklarasikan di bawah 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 jika ikon diklik. Langkah selanjutnya adalah menyertakan di manifest.json yang memungkinkan 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, arahkan kursor ke Alat Lainnya dan memilih Ekstensi.
  2. Centang kotak di samping Mode Developer.
  3. Klik Load Unpacked Extension lalu pilih direktori untuk "Hello Extensions" Anda .

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

Apa selanjutnya?

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