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.
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.
- 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. - Klicken Sie das Kästchen neben Entwicklermodus an.
- 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?
- Anleitung zum Einstieg
- Übersicht lesen
- Lesen Sie den Chromium-Blog, um auf dem Laufenden zu bleiben.
- Gruppe von Chromium-Erweiterungen abonnieren