HTML5 ha una funzione che consente a un utente di aggiungere un'icona alla schermata App quando "installa", e in caso contrario, quando ha intenzione di aggiungerla?

Aggiornamento

A seconda della versione di iOS, hai bisogno delle icone 72 * 72 o 114 * 114. Inoltre, puoi specificare che l'icona è precomposta (iOS aggiunge solo angoli arrotondati) o meno (aggiunge anche un effetto brillante sopra di esso).

Tuttavia Android (2.1+) può solo gestire le icone precomposte.

Quindi, se stai cercando un codice adatto a un codice, utilizza questo snipplet:

<!-- For iPhone 4 with high-resolution Retina display -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png">

<!-- For first-generation iPad -->
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png">

<!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">

Android e iOS 4.1 utilizzano l'ultima icona in tale elenco, ecco perché il link senza dimensioni è alla fine.

Tuttavia, sia iOS che Android aggiungeranno il collegamento solo se l'utente sceglie per creare il collegamento, non c'è modo di farlo senza l'interazione dell'utente al momento, né c'è qualcosa in HTML5 da introdurre ancora una caratteristica del genere.

E se stai facendo applicazione web , assicurati di aggiungere questo tag (la pagina web verrà aperta a schermo intero su iOS):

<meta name="apple-mobile-web-app-capable" content="yes" />

e furthemore, puoi specificare una schermata di caricamento per iOS:

<!-- 320x460 for iPhone 3GS -->
<link rel="apple-touch-startup-image" media="(max-device-width: 480px) and not (-webkit-min-device-pixel-ratio: 2)" href="startup-iphone.png">

<!-- 640x920 for retina display -->
<link rel="apple-touch-startup-image" media="(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)" href="startup-iphone4.png">

<!-- iPad Portrait 768x1004 -->
<link rel="apple-touch-startup-image" media="(min-device-width: 768px) and (orientation: portrait)" href="startup-iPad-portrait.png">

<!-- iPad Landscape 1024x748 -->
<link rel="apple-touch-startup-image" media="(min-device-width: 768px) and (orientation: landscape)" href="startup-iPad-landscape.png"> 

HTML 5 non è un linguaggio di app, ma piuttosto un linguaggio di pagina web.

Ovviamente puoi usarlo come lato client per le app Web, tuttavia, penso che qualcuno dovrebbe scrivere un'app reale per piattaforma mobile per il wrapping dei collegamenti con un'app wrapper che può essere installata, oppure i provider del sistema operativo potrebbero abilita i link pseudo-installazione.

Non penso che stiano progettando di aggiungerlo. Questo è più di una cosa del sistema operativo; in iOS, un segnalibro può essere salvato all'interno di un wrapper dell'applicazione e lanciato dalla Springboard. Presumo che Android adotterà la stessa tecnica - o non lo farà, nel qual caso dovrai sviluppare una soluzione alternativa per te.

Non tieni lo stesso HTML5 a preoccuparti, non è una preoccupazione per il protocollo. Nel 2011, lanci la tua app web HTML5 creando una piccola app nativa che può forse inviare alcuni avvisi, fornire informazioni di contatto e, ultimo ma non meno importante, lanciare la tua app HTML5.