Co to są rozszerzenia?

Rozszerzenia to niewielkie programy, które mogą zmieniać sposób działania przeglądarki. Umożliwiają użytkownikom dostosować funkcje i działanie Chrome do indywidualnych potrzeb i preferencji. Reklamy są tworzone w internecie takimi jak HTML, JavaScript i CSS.

Rozszerzenie musi spełniać jeden cel, który jest wąski i łatwy do zrozumienia. O może zawierać wiele komponentów i różnych funkcji, o ile wszystko wspiera realizację wspólnego celu.

Zrzut ekranu z ikoną rozszerzenia na pasku przeglądarki

Interfejsy powinny być minimalne i zawierać intencje. Mogą mieć postać prostej ikony, takiej jak Google widoczne powyżej rozszerzenie do sprawdzania poczty, aby zastąpić całą stronę.

Pliki rozszerzeń są spakowane do pojedynczego pakietu .crx, który użytkownik pobiera i instaluje. Ten oznacza, że rozszerzenia nie zależą od treści z internetu, w przeciwieństwie do zwykłych aplikacji internetowych.

Rozszerzenia są rozpowszechniane przez panel programisty Chrome i publikowane w Chrome Chrome Web Store. Więcej informacji znajdziesz w dokumentacji dla deweloperów sklepu.

Rozszerzenia Hello

Przyjrzyj się bliżej rozszerzeniom dzięki temu krótkiemu przykładowi rozszerzenia Hello. Zacznij od utworzenia nowego w którym są przechowywane pliki rozszerzenia, lub pobierz je z przykładowej strony.

Następnie dodaj plik o nazwie manifest.json i dołącz ten kod:

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

Każde rozszerzenie wymaga pliku manifestu, ale większość rozszerzeń nie wykorzystuje wielu możliwości samego pliku manifestu. Na potrzeby tego krótkiego wprowadzenia rozszerzenie ma plik wyskakującego okienka i ikonę zadeklarowaną w Pole 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"
  }
}

Pobierz hello_extensions.png tutaj, a następnie utwórz plik o nazwie hello.html:

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

Po kliknięciu ikony rozszerzenie wyświetla teraz komunikat hello.html. Następnym krokiem jest dodanie w manifest.json, które włącza skrót klawiszowy. Ten krok jest fajny, ale nie konieczne:

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

Ostatnim krokiem jest zainstalowanie rozszerzenia na komputerze lokalnym.

  1. Otwórz stronę chrome://extensions w przeglądarce. Dostęp do tej strony możesz również uzyskać, klikając menu Chrome w prawym górnym rogu omniboksu, najeżdżając na Więcej narzędzi i wybierając Rozszerzenia.
  2. Zaznacz pole Tryb programisty.
  3. Kliknij Load Unpacked Extension (Wczytaj rozszerzenie bez pakietu) i wybierz katalog „Hello Extensions”. .

Gratulacje! Teraz możesz używać rozszerzenia opartego na wyskakującym okienku po kliknięciu ikony hello_world.png lub naciskając Ctrl+Shift+F na klawiaturze.

Co dalej?

  1. Skorzystaj z samouczka dla początkujących.
  2. Zapoznaj się z omówieniem.
  3. Najnowsze informacje znajdziesz na blogu Chromium
  4. zasubskrybowanie grupy rozszerzeń Chromium;