Dit website er allerede responsivt og tilpasser sig såvel små som store skærmstørrelser. Men det ser alligevel ikke helt rigtig ud på din iPhone, for det bliver vist i det grimme browservindue og ligner slet ikke en af de dér fancy apps.
Det er der råd for. Du indsætter bare et lille HTML meta tag i websitets header:
<!-- Make the site app-like on ios -->
<meta name="apple-mobile-web-app-capable" content="yes">
[UPDATE kl. 21.30] Det virker bedst, hvis man kan lokke brugeren til at bookmarke til Home Screen. Besøges sitet på normal vis, vises navigationsbjælken i bunden af Safari. Chrome’s UI skjules dog.
Virker det også med Chrome-browseren?
Jeps! 🙂
Nice. Men det virker kun, hvis man tilføjer til ‘Home screen’ og åbner derfra, ikke sandt?
Det virker delvist, hvis man besøger sitet på normal vis. I Safari skjules adresselinien, men navigationsbjælken i bunden vises fortsat. I Chrome skjules hele browserens UI.
Så jo, det virker bedst, hvis man kan lokke brugeren til at bookmarke på home screen.