Co to są rozszerzenia?

Rozszerzenia to niewielkie programy, które mogą zmieniać sposób działania przeglądarki. Użytkownicy mogą dostosować działanie i funkcje Chrome do swoich potrzeb i preferencji. Są one oparte na technologiach internetowych takich jak HTML, JavaScript i CSS.

Rozszerzenie musi spełniać jeden cel, który jest ścisły i łatwy do zrozumienia. Pojedyncze rozszerzenie może obejmować wiele komponentów i różne funkcje, pod warunkiem że wszystkie elementy przyczynią się do wspólnego celu.

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

Interfejs użytkownika powinien być minimalistyczny i mieć odpowiedni cel. Mogą to być proste ikony, takie jak rozszerzenie Google Mail Checker widoczne powyżej, po zastępowanie całej strony.

Pliki rozszerzeń są kompresowane do pojedynczego pakietu .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 sklepu.

Rozszerzenia Hello

Dowiedz się więcej o rozszerzeniach – skorzystaj z tego krótkiego przykładu rozszerzeń „Hello”. Zacznij od utworzenia nowego katalogu, w którym będą przechowywane pliki rozszerzenia, lub pobierz je z przykładowej strony.

Następnie dodaj plik o nazwie manifest.json i wpisz w nim ten kod:

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

Każde rozszerzenie wymaga pliku manifestu, chociaż większość rozszerzeń nie daje zbyt wiele możliwości. W ramach tego krótkiego wprowadzenia rozszerzenie zawiera wyskakujące okienko 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 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: hello.html. Następnym krokiem jest dodanie do manifest.json polecenia włączającego skrót klawiszowy. Ten krok jest ciekawy, ale nie jest wymagany:

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

Ostatni krok to zainstalowanie rozszerzenia na komputerze lokalnym.

  1. Otwórz stronę chrome://extensions w przeglądarce. Tę stronę możesz też otworzyć, 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 Tryb programisty.
  3. Kliknij Load Unpacked Extension (Wczytaj rozszerzenie bez pakietu) i wybierz katalog rozszerzenia „Hello Extensions”.

Gratulacje! Możesz teraz korzystać z rozszerzenia opartego na wyskakujących okienkach, klikając ikonę hello_world.png lub naciskając Ctrl+Shift+F na klawiaturze.

Co dalej?

  1. Postępuj zgodnie z samouczkiem dla początkujących.
  2. Przeczytaj Omówienie.
  3. Najnowsze informacje znajdziesz na blogu Chromium
  4. Zasubskrybuj grupę Chromium-extensions