Använd viewport för att styra Safaris utseende med minimal-ui
I iOS 7.1 verkar det bli lättare, och snyggare, att dölja webbläsarens gränssnitt. I den andra beta-versionen har Apple nämligen lagt till att Safari kollar i viewstate efter gränssnittsutseende. Lägger du till nedan kod kommer adressfältet upptill och navigationsfältet nedtill i Safari att försvinna.
I iOS 7.1 verkar det bli lättare, och snyggare, att dölja webbläsarens gränssnitt. I den andra beta-versionen har Apple nämligen lagt till att Safari kollar i viewstate efter gränssnittsutseende.
Lägger du till nedan kod kommer adressfältet upptill och navigationsfältet nedtill i Safari att försvinna.
<meta name="viewport" content="minimal-ui">
Detta är snyggare än tidigare lösningar, som bland annat jag använt, där man med javascript skrollar ner sidan så toppnavigeringen försvinner. Se kodexempel nedan:
<script type="text/javascript">// <![CDATA[
/Mobile/.test(navigator.userAgent) && !location.hash && setTimeout(function() {
if (!pageYOffset) window.scrollTo(0, 1);
}, 1000);
// ]]>
</script>
Med tanke på hur snabbt folk med Apple-enheter brukar uppdatera operativet kan vi som har ovan fulkod byta ut den vid nästa kodrelease. Som grädde på moset kommer Google Pagespeed klaga mindre på inline-script (y)