Cuando agrego la aplicación web Nibbble a la página de inicio de mi iPhone, no solo instala un ícono, sino también cuando se ejecuta. También se esconde todo el móvil chrome de safari.
¿Cómo logra esto?
Cuando agrego la aplicación web Nibbble a la página de inicio de mi iPhone, no solo instala un ícono, sino también cuando se ejecuta. También se esconde todo el móvil chrome de safari.
¿Cómo logra esto?
Solo necesita la primera parte de este código para hacer lo que pide, pero el resto también puede ser útil.
// hide the browser chrome
<meta name="apple-mobile-web-app-capable" content="yes" />
//set the phone status bar style; can be grey, black, or black translucent
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
// set the viewport for iOS
<meta content="minimum-scale=1.0, width=device-width, maximum-scale=0.6667, user-scalable=no" name="viewport" />
// set a custom icon for when a user bookmarks the app to the home screen
<link rel="apple-touch-icon" href="/path/to/icon.png" />
Lea otras preguntas en las etiquetas websites mobile-safari