6

Wie spezifiziert man die Icons in manifest.json? Es scheint so, als ob einige ein Array verwenden und einige ein Wörterbuch verwenden. Zum Beispiel:Wie spezifiziert man Icons in manifest.json?

https://developer.chrome.com/webstore/get_started_simple

"icons": { 
    "128": "icon_128.png" 
}, 

Aber in dieser Quelle, verwenden sie es wie folgt aus:

https://developers.google.com/web/updates/2014/11/Support-for-installable-web-apps-with-webapp-manifest-in-chrome-38-for-Android?hl=en

"icons": [ 
    { 
     "src": "launcher-icon-2x.png", 
     "sizes": "96x96", 
     "type": "image/png" 
    }, 
    { 
     "src": "launcher-icon-3x.png", 
     "sizes": "144x144", 
     "type": "image/png" 
    }, 
    { 
     "src": "launcher-icon-4x.png", 
     "sizes": "192x192", 
     "type": "image/png" 
    } 
    ], 

Wenn ich versuche, meine Web-App als Chrome-Erweiterung zu installieren, und ich verwende das letztere Format ich habe diese Fehlermeldung erhalten:

Also ich denke, ich die erste fo verwenden müssen rmat, dafür. Allerdings, wenn ich versuche, meine App als progressive Web-App in Android zu installieren, scheint das spätere Format erforderlich ...

+0

Wenn ich Dinge verstehe, "Web-Apps" = "Chrome-Apps" ≠ "Chrome-Erweiterungen". Was versuchst du zu machen? – Teepeemm

+0

@Teepeemm Also ich habe eine Web App. Nur eine Website, die man sagen könnte, nur eine URL, Leute können den Browser eingeben. Ich möchte, dass die Leute das auf ihrem Android-Gerät installieren. Aber ich möchte es auch im Chrome Web Store. https://developer.chrome.com/webstore/get_started_simple > Sie haben eine Web App? Folgen Sie dieser Anleitung, um Ihre vorhandene Web-App dem Chrome Web Store hinzuzufügen. Nach diesem Link – Kasper

+0

Wie dies mit Android zusammenhängt? Bitte entfernen Sie unnötige Tags. –

Antwort

9

Die kurze Antwort ist, dass Sie beide brauchen. Sie sind zwei verschiedene Manifest-Dateien, die für verschiedene Zwecke verwendet werden und an verschiedenen Orten leben.

Für den Chrome Web Store erstellen Sie ein Manifest lokal auf Ihrem Computer nach dem getting started tutorial. Dieses Manifest und das Symbolbild werden einer Zip-Datei hinzugefügt und in den Store hochgeladen.

"icons": { 
    "128": "icon_128.png" 
} 

Für installable web apps müssen Sie eine Manifest-Datei erstellen, die hochgeladen es auf Ihre Website zusammen mit den Bildern, und dann Ihre HTML-Seiten aktualisieren, um das Manifest auf Ihrer Website zu verlinken.

"icons": [ 
    { 
     "src": "launcher-icon-2x.png", 
     "sizes": "96x96", 
     "type": "image/png" 
    }, 
    { 
     "src": "launcher-icon-3x.png", 
     "sizes": "144x144", 
     "type": "image/png" 
    }, 
    { 
     "src": "launcher-icon-4x.png", 
     "sizes": "192x192", 
     "type": "image/png" 
    } 
    ] 
+0

Ist es erlaubt, das manifest.json nicht im root zu platzieren? Wir haben die manifest.json und die Icons in content/icons/.. platziert. Was wird dann das Icon src? –

+0

'src' ist relativ zu dem Verzeichnis, in dem' manifest.json' steht. Also wenn du img 'foo.png' in' img' hast, dann würdest du '" src "verwenden:" img/foo.png "'. – abraham