Co to są rozszerzenia?

Rozszerzenia to niewielkie programy, które mogą zmieniać sposób działania przeglądarki. Za ich pomocą użytkownicy mogą dostosowywać działanie Chrome do własnych potrzeb i preferencji. Są one tworzone za pomocą technologii internetowych, takich jak HTML, JavaScript i CSS.

Rozszerzenie musi mieć tylko 1, ograniczony i łatwy do zrozumienia cel. Pojedyncze rozszerzenie może zawierać wiele komponentów i funkcji, o ile wszystkie przyczyniają się do osiągnięcia wspólnego celu.

Zrzut ekranu przedstawiający ikonę rozszerzenia na pasku przeglądarki

Interfejsy użytkownika powinny być minimalistyczne i mieć określony cel. Mogą one przyjmować różne formy – od prostej ikony, takiej jak pokazana powyżej ikona rozszerzenia Google Mail Checker, po zastąpienie całej strony.

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

Rozszerzenia są rozpowszechniane za pomocą panelu dewelopera Chrome i publikowane w Chrome Web Store. Więcej informacji znajdziesz w dokumentacji dla deweloperów w sklepie.

Wprowadzenie do rozszerzeń

Zacznij od prostego przykładu Hello Extensions. Utwórz nowy katalog, w którym będą przechowywane pliki rozszerzenia, lub pobierz je ze strony z przykładami.

Następnie dodaj plik o nazwie manifest.json i umieść w nim 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 będzie działać tylko z nim. W tym krótkim wprowadzeniu rozszerzenie ma plik wyskakujący i ikonę zadeklarowane w polu 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 stąd plik hello_extensions.png, a następnie utwórz plik o nazwie hello.html:

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

Gdy klikniesz ikonę, rozszerzenie wyświetli plik hello.html. Następnym krokiem jest dodanie do pliku manifest.json polecenia, które włączy skrót klawiszowy. Ten krok jest opcjonalny, ale może być ciekawy:

{
  "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. W przeglądarce otwórz stronę chrome://extensions. Możesz też otworzyć tę stronę, klikając menu Chrome w prawym górnym rogu Omniboksu, najeżdżając kursorem na Więcej narzędzi i wybierając Rozszerzenia.
  2. Zaznacz pole obok opcji Tryb dewelopera.
  3. Kliknij Wczytaj rozpakowane rozszerzenie i wybierz katalog rozszerzenia „Hello Extensions”.

Gratulacje! Możesz teraz używać rozszerzenia opartego na wyskakującym okienku, klikając ikonę hello_extensions.png lub naciskając Ctrl+Shift+F na klawiaturze.

Co dalej?

  1. Zapoznaj się z samouczkiem Pierwsze kroki.
  2. Przeczytaj Omówienie.
  3. Bądź na bieżąco, czytając bloga Chromium.
  4. Zapisz się do grupy chromium-extensions.