App Web sullo schermo principale (stile iphone)?

chiedendo semplicemente quando avevo un iphone, ero in grado di creare un'app Web, quindi inserirvi del codice in modo tale che quando l'utente premeva "aggiungi a homescreen" un'icona veniva posta sulla schermata iniziale e quando l'utente la faceva clic l'app web funzionerebbe a schermo intero (nessuna barra di navigazione web), quindi sembrava un'app normale (anche se funzionava solo con il web) È comunque possibile farlo con Android o devo codificare un'intera app per fallo? Scusa se questo non è chiaro. Grazie, Adam.App Web sullo schermo principale (stile iphone)?

quello che ho usato per l'iPhone:

<meta name="viewport" content="user-scalable=no, width=device-width" /> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 
<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
<link rel="apple-touch-startup-image" href="images/myCustomStartupGraphic.png" />

fonte

2011-12-23 burg93

Non credo sia possibile. Una soluzione alternativa è quella di creare un'applicazione davvero semplice contenente solo un WebView e caricare in questo webView il tuo URL e quindi pubblicare questa app nel Play Store.

WebView webView = findViewById(R.id.webView); 
webView.loadUrl("http://awesome.website.com");

Poi sul tuo sito web è possibile utilizzare l'agente utente HTTP per reindirizzare gli utenti a scaricare questa applicazione su dispositivi Android.

fonte

2012-06-17 07:13:38 galex

Ho dato la grazia a questa risposta. Anche se non è semplice come il metodo dell'attributo iPhone, questo in realtà ci dà quello che vogliamo e visto che Android non costa $ 99 all'anno non è così male che potrebbe essere necessario aggiungerlo al Play Store. Significa ancora che abbiamo solo un'app HTML5 e non dovremmo mai aver bisogno di aggiornare la nostra app Play poiché carica solo una pagina web. – Fenton

È possibile aggiungere una pagina Web come segnalibro, e da lì aggiungerlo alla tua homescreen. Questo, tuttavia, non lo darà a schermo intero. L'ultima volta che ho controllato, ti servirà un'app di terze parti.

fonte

2011-12-23 18:44:05 Zar

Sì, ho fatto la cosa dei segnalibri, ma ero un po 'deluso quando funzionava con la barra dei menu e così via. Qualcuno sa se c'è una funzione in-built o qualcosa del genere? Ho letto di una webview è qualcosa che posso semplicemente inserire in un'app vuota per visualizzare la mia pagina web? – burg93

Non penso sia possibile in quanto il modo in cui l'app di homescreen avvia una diversa app è tramite l'intento del Launcher. Se la tua 'app' è solo un URL, verrebbe quindi prelevata da qualsiasi browser impostato per ascoltare URL come il browser di riserva, Chrome, Firefox, Opera, Dolphin o qualsiasi altra cosa. Poiché ognuno ha una propria configurazione, non sarà possibile rimuovere coerentemente il "chrome" della barra di navigazione web.

Dovresti utilizzare PhoneGap/Cordova per creare un'app wrapper ma renditi conto che la webview incorporata non è così completa come un'app browser in piena regola, quindi è sempre consigliabile provare.

fonte

2012-06-16 23:42:00

Ora puoi aggiungere pagine come app alla schermata iniziale in Chrome Beta per Android. Questa è una novità di Chrome M31 Beta. Non sono sicuro quando verrà spostato nel mainstream di Chrome per Android. Per trovare Chrome Beta non ho potuto effettuare ricerche nel Play Store, ma ho dovuto eseguire una normale ricerca su Google in Chrome. Questo risultato è collegato a Chrome Beta nel Play Store.

Partenza informazioni qui per aggiungere un'opzione homescreen: https://developers.google.com/chrome/mobile/docs/installtohomescreen

Questo è tutto quello che ho fatto per ottenere questo lavoro:

Aggiungere questo meta tag al <head>:

<meta name="mobile-web-app-capable" content="yes">
Aggiungi questo link di immagine allo <head> per l'icona homescreen:

<link rel="shortcut icon" sizes="114x114" href="views/img/icon114x114.png" />

ho avuto l'icona già fatto in alcune dimensioni e finito per usare uno a 114x114. Ho trovato che la versione 512x512 dell'icona che stavo usando per iOS non funzionava per me in Chrome, con sizes="512x512" o sizes="114x114" impostato nello <link>. La dimensione consigliata da Google è 196x196.

In caso di problemi, Google Remote Debugger è eccezionale per la risoluzione dei problemi. https://developers.google.com/chrome-developer-tools/docs/remote-debugging

fonte

2013-11-25 18:40:52

App Web sullo schermo principale (stile iphone)?

risposta

Problemi correlati