Uzantılar nedir?

Uzantılar, göz atma deneyimini özelleştiren küçük yazılım programlarıdır. Kullanıcıların, Chrome işlevlerini ve davranışını bireysel ihtiyaçlara veya tercihlere uyarlamalarını sağlarlar. Bu şablonlar HTML, JavaScript ve CSS gibi web teknolojileri üzerine kuruludur.

Uzantı, dar kapsamlı bir şekilde tanımlanmış ve anlaşılması kolay tek bir amacı yerine getirmelidir. Tek bir uzantı, her şey ortak bir amaca katkıda bulunduğu sürece birden fazla bileşen ve bir dizi işlev içerebilir.

Tarayıcı çubuğundaki bir uzantı simgesinin ekran görüntüsü

Kullanıcı arayüzleri minimal düzeyde olmalı ve amaca sahip olmalıdır. Bunlar, yukarıda gösterilen Google Mail Checker uzantısı gibi basit bir simgeden tüm sayfayı geçersiz kılmaya kadar değişebilir.

Uzantı dosyaları, kullanıcının indirip yüklediği tek bir .crx paketine sıkıştırılır. Bu, uzantıların sıradan web uygulamalarının aksine web'deki içeriğe bağlı olmadığı anlamına gelir.

Uzantılar Chrome Geliştirici Kontrol Paneli üzerinden dağıtılır ve Chrome Web Mağazası'nda yayınlanır. Daha fazla bilgi için mağaza geliştirici belgelerine bakın.

Merhaba uzantılar

Bu kısa Hello Extensions örneğiyle uzantılara küçük bir adım atın. Uzantının dosyalarını depolamak için yeni bir dizin oluşturarak başlayın veya dosyaları örnek sayfadan indirin.

Ardından, manifest.json adlı bir dosya ekleyin ve şu kodu ekleyin:

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2
}

Her uzantı bir manifest gerektirir ancak çoğu uzantı yalnızca manifest ile pek bir şey yapmaz. Bu hızlı başlangıç için uzantı, browser_action alanının altında tanımlanan bir pop-up dosyası ve simge içerir:

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2,
  "browser_action": {
    "default_popup": "hello.html",
    "default_icon": "hello_extensions.png"
  }
}

hello_extensions.png dosyasını buradan indirin ve ardından hello.html adlı bir dosya oluşturun:

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

Uzantı artık simge tıklandığında hello.html değerini gösteriyor. Sonraki adım, manifest.json içine klavye kısayolu sağlayan bir komut eklemektir. Bu adım eğlenceli, ancak gerekli değil:

{
  "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"
    }
  }
}

Son adım, uzantıyı yerel makinenize yüklemektir.

  1. Tarayıcınızda chrome://extensions adresine gidin. Bu sayfaya, Çok Amaçlı Adres Çubuğu'nun sağ üst tarafındaki Chrome menüsünü tıklayıp fareyle Diğer Araçlar'ın üzerine gelerek ve Uzantılar'ı seçerek de erişebilirsiniz.
  2. Geliştirici Modu'nun yanındaki kutuyu işaretleyin.
  3. Paketlenmemiş Uzantıyı Yükle'yi tıklayın ve "Merhaba Uzantılar" uzantınız için dizini seçin.

Tebrikler! Pop-up tabanlı uzantınızı artık hello_world.png simgesini tıklayarak veya klavyenizdeki Ctrl+Shift+F tuşuna basarak kullanabilirsiniz.

Sırada ne var?

  1. Başlangıç eğitimini takip edin.
  2. Genel Bakış'ı okuyun.
  3. Chromium blogunu okuyarak gelişmelerden haberdar olun
  4. chromium-extensions grubuna abone olun