Hvordan å spare plass på iPhone-skjermen

March 20  by Eliza

Når du utforme nettsteder for den relativt lille iPhone-skjermen, er hver piksel dyrebar. Manuset er vist her er utformet for å bla siden ned automatisk, gjemmer adresselinjen og gir deg mer plass for din design.

HTML5 og CSS 3 gjør det mulig å legge til mange typer animasjoner og designelementer på sidene, men for de mest avanserte interaktive funksjoner på nettet, må du bruke en liten Javascript eller PHP eller en annen type programmering.

Dette Java glir de vindu 60 pixel rader opp. Som gir tilbake den nesten 15 prosent av skjermen eiendomsmegling at URL-feltet tar opp på toppen av nettleservinduet. Når du legger til dette Java til en web-side, vil den automatisk skjule adresselinjen i Safari på iPhone og iPod touch uten å påvirke noen andre nettlesere.

Dette skriptet er ignorert av Firefox, Internet Explorer, og selv Safari når ita € ™ s brukes på en iPad eller en datamaskin.

Hereâ € ™ s koden som gjør dette arbeidet. Bare legg denne koden til bunnen av en webside, rett før </ body> -taggen:

<Script>
window.onload = function () {
setTimeout (function () {window.scrollTo (0, 1);}, 100);
} </ Script>

Dette skriptet ble utgitt av Apple i 2007 da den første iPhone ble lansert. De skriptkodene forteller HTML at Java kommer: I HTML5, er Java standard skriptspråk, så du dona € ™ t behov for å ha noe i denne koden, men skriptet. Hereâ € ™ s Slik fungerer det:

  1. Den første linjen, window.onload = function () {, forteller leseren til å kjøre dette skriptet når siden først laster.
  2. Den andre linjen, setTimeout, venter en tiendedel av et sekund (definert med henvisningstallet 100 ved enden av denne linje).
  3. Etter en tidel av et sekund, function () {window.scrollTo (0, 1);} utfører og ruller vinduet til x koordinere 0 og y koordinat y, bedre kjent som toppen av siden.

Hvis youâ € ™ re helt ny på programmering, sjekk ut Java innledning på w3schools nettsiden.