So erstellen Sie eine Chrome-Webanwendung einer Site für die neue Registerseite

Wenn Sie Ihre Lieblings-App nicht im Chrome Web Store finden und möchten, dass sie in die Apps Ihres Chrome-Browsers aufgenommen wird, können Sie ganz einfach Ihre eigene App erstellen. Es ist ein extrem einfacher Prozess!

Für eine Chrome-Webanwendung sind zwei Komponenten erforderlich, das Manifest und ein Symbol.

Das Manifest ist eine JSON-Datei mit dem Namen manifest.json

Das Symbol ist ein 128px x 128px-Bild, das auf der Seite "Neuer Tab" verwendet wird.

Um das Manifest zu erstellen, kopieren Sie Folgendes in einen Texteditor wie Notepad oder TextEdit:
{
"name": "Tech-Rezepte",
"description": "Ihr Kochbuch der Tech-Tutorials",
"Version": "1,0",
"symbole": {
"128": "128.png"
},
"app": {
"URLs": [
"http://www.tech-recipes.com/"
],
"starten": {
"web_url": "http://www.tech-recipes.com/"
}
},
"Berechtigungen": [
"unlimitedStorage",
"Benachrichtigungen"
]
}

Sie müssen die entsprechenden Änderungen an den unten angegebenen Bereichen vornehmen (Name, Beschreibung, URLs und Start):

Speichern Sie anschließend die Datei unter manifest.json (NICHT manifest.json.txt !!!)

Als Nächstes benötigen Sie ein Symbol für Ihre Web-App. Sie können jede Grafikanwendung oder Web-App verwenden, mit der Sie sie als 128 × 128-PNG-Datei speichern können. Speichern Sie die Datei mit dem Namen 128.png.

Erstellen Sie einen neuen Ordner und geben Sie ihm den Namen, den Sie Ihre Web-App nennen, und platzieren Sie die Manifest- und die Symboldatei in den Ordner.

Nun ist es Zeit, die Web-App in Chrome zu installieren.

1. Öffnen Sie Google Chrome.

2. Klicken Sie auf Schlüssel in der oberen rechten Ecke der Anwendung.

4. Klicken Sie auf der rechten Seite der Erweiterungsseite auf + das ist neben dem Entwicklermodus.

5. Klicken Sie auf Laden Sie die unverpackte Erweiterung Taste.

6. Navigieren Sie zum Ordner der Web App und klicken Sie auf OK.

Ihre Web-App sollte jetzt erstellt werden. Alle Fehler sind wahrscheinlich ein offensichtlicher Tippfehler. Gehe zurück und überprüfe das Manifest auf einen fehlenden Charakter (oder einen unnötigen).

Wenn Sie zum gehen Neue Tab-Seitewird Ihre neue Web-App mit den anderen angezeigt.

In einem zukünftigen Artikel erfahren Sie, wie Sie Ihre Web-App an den Web Store übermitteln.