Was sind Erweiterungen?

Erweiterungen sind kleine Softwareprogramme, die das Surfen im Web anpassen. Sie ermöglichen es Nutzern, die Funktionen und das Verhalten von Chrome an ihre individuellen Bedürfnisse oder Vorlieben anzupassen. Sie basieren auf Webtechnologien wie HTML, JavaScript und CSS.

Erweiterungen müssen einem einzigen Zweck dienen, der genau definiert und leicht verständlich ist. Eine einzelne Erweiterung kann mehrere Komponenten und eine Reihe von Funktionen enthalten, solange alles zu einem gemeinsamen Zweck beiträgt.

Screenshot des Symbols einer Erweiterung in der Browserleiste

Benutzeroberflächen sollten minimal sein und einen bestimmten Zweck erfüllen. Die Optionen reichen von einem einfachen Symbol wie der oben gezeigten Erweiterung Google Mail Checker bis hin zum Überschreiben einer ganzen Seite.

Erweiterungsdateien werden in einem einzelnen .crx-Paket komprimiert, das der Nutzer herunterlädt und installiert. Im Gegensatz zu gewöhnlichen Webanwendungen sind Erweiterungen also nicht von Inhalten aus dem Web abhängig.

Erweiterungen werden über das Chrome-Entwickler-Dashboard vertrieben und im Chrome Web Store veröffentlicht. Weitere Informationen finden Sie in der Dokumentation für Store-Entwickler.

Hello-Erweiterungen

Machen Sie mit diesem kurzen Beispiel von Hello-Erweiterungen einen kleinen Schritt in die Erweiterungen. Erstellen Sie zuerst ein neues Verzeichnis, in dem die Dateien der Erweiterung gespeichert werden, oder laden Sie sie von der Beispielseite herunter.

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

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

Für jede Erweiterung ist ein Manifest erforderlich, wobei die meisten Erweiterungen nicht viel mit dem Manifest tun können. Für diesen Schnellstart enthält die Erweiterung eine Pop-up-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 Namen hello.html:

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

Die Erweiterung zeigt jetzt hello.html an, wenn auf das Symbol geklickt wird. Als Nächstes fügen Sie dem manifest.json einen Befehl hinzu, mit dem eine Tastenkombination aktiviert werden kann. Dieser Schritt macht Spaß, ist aber nicht erforderlich:

{
  "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 installieren Sie die Erweiterung auf Ihrem lokalen Computer.

  1. Rufen Sie im Browser chrome://extensions auf. Sie können diese Seite auch aufrufen, indem Sie rechts oben in der Omnibox auf das Chrome-Menü klicken, den Mauszeiger auf Weitere Tools bewegen und Erweiterungen auswählen.
  2. Klicken Sie das Kästchen neben Entwicklermodus an.
  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 die Pop-up-Erweiterung jetzt verwenden. Klicken Sie dazu auf das Symbol hello_world.png oder drücken Sie Ctrl+Shift+F auf der Tastatur.

Was kann ich jetzt für Sie tun?

  1. Anleitung zum Einstieg
  2. Übersicht lesen
  3. Lesen Sie den Chromium-Blog, um auf dem Laufenden zu bleiben.
  4. Gruppe von Chromium-Erweiterungen abonnieren