Was sind Erweiterungen?

Erweiterungen sind kleine Softwareprogramme, mit denen Sie das Surfen im Web personalisieren können. Sie ermöglichen es dem Nutzer, die Funktionen und das Verhalten von Chrome an seine individuellen Bedürfnisse oder Vorlieben anzupassen. Sie basieren auf Webtechnologien wie HTML, JavaScript und CSS.

Eine Erweiterung muss einem einzelnen Zweck dienen, der eng gefasst und leicht verständlich ist. Eine einzelne Erweiterung kann mehrere Komponenten und eine Reihe von Funktionen enthalten, solange alles einem gemeinsamen Zweck dient.

Screenshot des Symbols einer Erweiterung in der Browserleiste

Benutzeroberflächen sollten minimal und zweckmäßig sein. Sie können von einem einfachen Symbol, wie der oben gezeigten Google Mail Checker-Erweiterung, bis zum Überschreiben einer ganzen Seite reichen.

Erweiterungsdateien werden in einem einzelnen .crx-Paket gezippt, das der Nutzer herunterlädt und installiert. Das bedeutet, dass Erweiterungen im Gegensatz zu normalen Web-Apps nicht von Inhalten aus dem Web abhängig sind.

Erweiterungen werden über das Chrome-Entwickler-Dashboard verteilt und im Chrome Web Store veröffentlicht. Weitere Informationen finden Sie in der Entwicklerdokumentation zum Store.

Hello-Erweiterungen

Mit diesem kurzen Beispiel für „Hello Extensions“ können Sie einen kleinen Schritt in Richtung Erweiterungen machen. Erstellen Sie zuerst ein neues Verzeichnis zum Speichern der Dateien der Erweiterung oder laden Sie sie von der Beispielseite herunter.

Fügen Sie als Nächstes eine Datei mit dem Namen manifest.json und den folgenden Code hinzu:

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

Für jede Erweiterung ist ein Manifest erforderlich. Die meisten Erweiterungen können jedoch mit dem Manifest allein nicht viel anfangen. Für diesen Schnellstart hat die Erweiterung eine Popup-Datei und ein Symbol, die im Feld browser_action deklariert sind:

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

Laden Sie hello_extensions.png hier herunter und erstellen Sie dann eine Datei mit dem Titel hello.html:

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

Wenn Sie auf das Symbol klicken, wird jetzt hello.html angezeigt. Als Nächstes fügen Sie der manifest.json einen Befehl hinzu, der eine Tastenkombination ermöglicht. Dieser Schritt ist optional:

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

Im letzten Schritt müssen Sie die Erweiterung auf Ihrem lokalen Computer installieren.

  1. Rufen Sie in Ihrem Browser chrome://extensions auf. Sie können auch auf diese Seite zugreifen, indem Sie rechts oben in der Omnibox auf das Chrome-Menü klicken, den Mauszeiger auf Weitere Tools bewegen und Erweiterungen auswählen.
  2. Setzen Sie ein Häkchen neben Entwicklermodus.
  3. Klicken Sie auf Entpackte Erweiterung laden und wählen Sie das Verzeichnis für Ihre Erweiterung „Hello Extensions“ aus.

Glückwunsch! Sie können Ihre Pop-up-basierte Erweiterung jetzt verwenden, indem Sie auf das Symbol hello_extensions.png klicken oder die Taste Ctrl+Shift+F auf Ihrer Tastatur drücken.

Nächste Schritte

  1. Anleitung „Erste Schritte“ folgen
  2. Übersicht lesen
  3. Im Chromium-Blog finden Sie aktuelle Informationen.
  4. Abonnieren Sie die chromium-extensions-Gruppe.