Was sind Erweiterungen?

Erweiterungen sind kleine Softwareprogramme, die das Surfen im Web individuell anpassen. Sie ermöglichen es Nutzenden, die Funktionen und das Verhalten von Chrome an individuelle Bedürfnisse oder Vorlieben anpassen. Sie basieren auf dem Web. wie HTML, JavaScript und CSS.

Eine Erweiterung muss einem einzigen Zweck entsprechen, der genau definiert und leicht verständlich ist. A Eine Erweiterung kann mehrere Komponenten und eine Reihe von Funktionen enthalten, solange alles zu einem gemeinsamen Ziel beiträgt.

Screenshot des Symbols einer Erweiterung in der Browserleiste

Benutzeroberflächen sollten minimal sein und eine Absicht haben. Sie können von einem einfachen Symbol wie dem Google Mail Checker-Erweiterung, um eine ganze Seite zu überschreiben.

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

Erweiterungen werden über das Entwickler-Dashboard von Google Chrome vertrieben und in Chrome veröffentlicht Web Store Weitere Informationen finden Sie in der Entwicklerdokumentation für den Play Store.

Hello-Erweiterungen

Mit diesem kurzen Beispiel für Hello-Erweiterungen kannst du einen kleinen Schritt zu deinen Erweiterungen machen. Erstellen Sie zuerst ein neues in dem Sie die Dateien der Erweiterung speichern können. Alternativ können Sie sie auch von der Beispielseite herunterladen.

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. Allerdings können die meisten Erweiterungen nur mit dem Manifest nicht viel tun. Für diesen Schnellstart enthält die Erweiterung eine Pop-up-Datei und ein Symbol, das unter der browser_action-Feld:

{
  "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 hier hello_extensions.png 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. Der nächste Schritt besteht darin, im manifest.json, mit dem eine Tastenkombination aktiviert wird. Dieser Schritt macht Spaß, aber nicht notwendig:

{
  "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 chrome://extensions in Ihrem Browser auf. Sie können diese Seite auch aufrufen, indem Sie auf das Chrome-Menü rechts oben in der Omnibox ein, bewegen Sie den Mauszeiger auf Weitere Tools und wählen Sie Erweiterungen:
  2. Klicken Sie auf das Kästchen neben Entwicklermodus.
  3. Klicken Sie auf Entpackte Erweiterung laden und wählen Sie das Verzeichnis für „Hello Extensions“ aus. .

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

Nächster Schritt

  1. Erste Schritte
  2. Lesen Sie die Übersicht.
  3. Mit dem Chromium-Blog bleibst du immer auf dem Laufenden
  4. Abonnieren Sie die chromium-extensions-Gruppe.