2011-12-23 18 views
5

me preguntaba cuando tenía un iphone. Pude crear una aplicación web y luego colocar un código para que cuando el usuario presionó "agregar a la pantalla de inicio" se coloque un ícono en la pantalla de inicio y cuando el usuario hizo clic en él la aplicación web se ejecutaría a pantalla completa (sin barra de navegación web) por lo que parecía una aplicación normal (aunque solo se ejecutaría con la web activada) ¿De todos modos puedo hacer esto con Android o tengo que codificar toda una aplicación para ¿hazlo? Lo siento si esto no está claro. Gracias, Adam.Aplicación web en la pantalla de inicio (estilo iphone)?

lo que he utilizado para el 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" /> 

Respuesta

1

No creo que sea posible. Una solución es hacer una aplicación realmente simple que contenga solo un WebView y cargarla en este webVer su URL y luego publicar esta aplicación en Play Store.

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

Luego en su sitio web puede utilizar el agente de usuario HTTP para redirigir a los usuarios a descargar esta aplicación en los dispositivos Android.

+0

He dado la recompensa a esta respuesta. Aunque no es tan simple como el método de atributo de iPhone, esto realmente nos da lo que queremos y como Android no cuesta $ 99/año, no está tan mal que necesitemos agregarlo a Play Store. Todavía significa que solo tenemos una aplicación HTML5 y no deberíamos necesitar actualizar nuestra aplicación Play porque solo carga una página web. – Fenton

0

Usted puede agregar una página web como un marcador, y desde allí añadirlo a su pantalla de inicio. Esto, sin embargo, no le dará pantalla completa. La última vez que revisé, necesitarás una aplicación de terceros para eso.

+0

Sí, hice el marcador, pero me decepcionó un poco cuando funcionaba con la barra de menú y tal. ¿Alguien sabe si hay una función incorporada o algo para esto? Leí acerca de una vista web ¿Es esto algo que puedo poner dentro de una aplicación vacía para mostrar mi página web? – burg93

0

No creo que esto sea posible ya que la forma en que la aplicación de la pantalla de inicio lanza una aplicación diferente es a través del intento del Iniciador. Si su 'aplicación' es solo una URL, la seleccionará el navegador que esté configurado para escuchar las URL como el navegador de valores, Chrome, Firefox, Opera, Dolphin o lo que sea. Como cada uno tiene su propia configuración, no podrá eliminar el 'chrome' de la barra de navegación web de forma consistente.

Debería usar PhoneGap/Cordova para crear una aplicación de empaquetamiento pero darse cuenta de que la vista web incrustada no tiene todas las características de una aplicación de navegador completa, por lo que siempre se recomienda realizar pruebas.

1

Ahora puede agregar páginas como aplicaciones a la pantalla de inicio en Chrome Beta para Android. Esto es nuevo a partir de Chrome M31 Beta. No estoy seguro de cuándo se trasladará a Chrome para Android. Para encontrar Chrome Beta, no podía simplemente buscar en Play Store, sino que tenía que hacer una búsqueda habitual en Google en Chrome. Ese resultado está relacionado con Chrome Beta en Play Store.

Mira la información aquí para añadir una opción de pantalla de inicio: https://developers.google.com/chrome/mobile/docs/installtohomescreen

Esto es todo lo que hice para conseguir este trabajo:

  1. Añadir esta etiqueta meta con respecto al <head>:

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

  2. Agrega este enlace a la imagen <head> para el icono de pantalla de inicio:

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

tuve el icono ya realizados en unos pocos tamaños y terminó usando uno a 114x114. Descubrí que la versión de 512x512 del ícono que estaba usando para iOS no funcionaba para mí en Chrome, con sizes="512x512" o sizes="114x114" en el <link>. El tamaño recomendado por Google es 196x196.

Si tiene algún problema, Google Remote Debugger es excelente para la resolución de problemas. https://developers.google.com/chrome-developer-tools/docs/remote-debugging

Cuestiones relacionadas