Vai al contenuto
100% locale

Generatore di manifesti per app web

Crea un manifest.json valido per la tua app web progressiva da nome, icone, colori e opzioni di visualizzazione.

Uscita

Generatore di manifesti per app web

Un manifesto di app web indica ai browser e ai sistemi operativi come la tua app web progressiva dovrebbe presentarsi e comportarsi una volta installata — il suo nome, set di icone, colori e se si apre nella propria finestra o in una scheda del browser. Questo strumento crea quel manifest.json da un insieme di campi, quindi non devi ricordare la forma esatta del JSON o cercare quali chiavi siano obbligatorie.

Compila il nome dell'app e il nome breve, quindi imposta la modalità di visualizzazione (standalone è la scelta abituale per un'app che dovrebbe sentirsi nativa), l'orientamento e i colori del tema e dello sfondo, che controllano la schermata di avvio e il browser su Android. Aggiungi le icone come una voce per riga o separate da punti e virgola nella forma src|sizes|purpose — ad esempio /icon-512.png|512x512|any — e lo strumento riempie automaticamente il tipo MIME dall'estensione del file. I scorciatoie (voci della lista dei salti come "Componi" o "Posta in arrivo") e i link delle app native correlate seguono lo stesso stile src|sizes|purpose, ogni campo separato da una barra.

Lo strumento verifica i campi mentre digiti: contrassegna un nome di app mancante prima di generare qualsiasi cosa, e avverte — senza bloccare l'output — quando il tuo set di icone non ha una voce 192x192 o 512x512, poiché i controlli di installabilità su Android e desktop cercano quelle dimensioni specifiche, o quando una riga di icona ha completamente omesso la sua dimensione.

Tutto viene eseguito localmente nel tuo browser; nessun dettaglio della tua app viene inviato da nessuna parte. L'output è il contenuto del manifest.json seguito dal tag <link rel="manifest"> da incollare nel <head> della tua pagina. Copialo, scaricalo come file .txt per rinominarlo tu stesso, o invialo direttamente all'input di un altro strumento.

FAQ

Quali campi ha effettivamente bisogno un manifesto?
Solo un nome (o short_name) è strettamente necessario per questo strumento per generare qualcosa. In pratica, i browser vogliono anche almeno un'icona 192x192 e 512x512 prima di offrire di installare l'app — lo strumento avverte se mancano.
Come formattare il campo delle icone?
Un'icona per voce, separate da punto e virgola o nuova riga, nel formato src|sizes|purpose — ad esempio /icon-192.png|192x192|any. Le dimensioni e lo scopo sono facoltativi, ma l'omissione delle dimensioni attiva un avviso.
Cosa fa prefer_related_applications?
Dice al browser di suggerire l'app nativa elencata sotto le applicazioni correlate invece di installare l'app web. Appare nell'output solo una volta aggiunta almeno un'app correlata.
Dove salvo il file generato?
Salva la parte JSON come manifest.json nella radice del tuo sito (o dove preferisci, regolando l'href del link per corrispondere), e incolla il tag <link> generato nel tuo HTML <head>.
I dati della mia app vengono caricati da qualche parte?
No. Il manifesto viene assemblato completamente nel tuo browser dai campi che riempi — nulla della tua app viene inviato a un server.