6

Come specificare le icone in manifest.json? Sembra che alcuni usano un array e alcuni usano un dizionario. Per esempio:Come specificare le icone in manifest.json?

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

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

Ma in questa fonte, lo usano in questo modo:

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" 
    } 
    ], 

Se provo ad installare il mio web app come estensione di Chrome, e io uso il secondo formato , ottengo questo errore:

quindi credo che ho bisogno di usare la prima fo rmat, per quello. Tuttavia, se provo a installare la mia app come app web progressiva su Android, sembra necessario il formato successivo ...

+0

Se capisco le cose, "web-apps" = "chrome-apps" ≠ "chrome-extensions". Cosa stai cercando di fare? – Teepeemm

+0

@Teepeemm Quindi ho un'app web. Solo un sito web, immagino si possa dire, solo un URL, le persone possono digitare nel browser. Quindi voglio che le persone installino questo a casa loro su Android. Ma lo voglio anche nel Chrome Web Store. https://developer.chrome.com/webstore/get_started_simple > Hai un'app Web? Segui questo tutorial per aggiungere la tua app Web esistente al Chrome Web Store. Secondo questo link – Kasper

+0

Come questo è collegato ad Android? Si prega di rimuovere i tag non necessari. –

risposta

9

La risposta breve è che avete bisogno di entrambi. Sono due file manifest diversi che vengono utilizzati per scopi diversi e vivono in luoghi diversi.

Per il Chrome Web Store verrà creato un manifest localmente sul computer in seguito allo getting started tutorial. Questo manifest e l'immagine dell'icona verranno aggiunti a un file zip e caricati nello store.

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

Per installable web apps è necessario creare un file manifesto, averlo caricato sul sito web insieme alle immagini, e quindi aggiornare le pagine HTML per collegare il manifesto sul tuo sito web.

"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

È consentito posizionare manifest.json non nella radice? Abbiamo inserito manifest.json e le icone in 'content/icons/..' Quale sarà l'icona src allora? –

+0

'src' è relativo alla directory in cui' manifest.json' è. Quindi, se hai img 'foo.png' in' img' di quello che useresti '" src ":" img/foo.png "'. – abraham