Hvordan lagre plass på iPhone-skjermen - dummies

Når du designer nettsteder for den relativt små iPhone-skjermen, er alle piksler verdifulle. Skriptet som er vist her, er designet for å bla nedover siden automatisk, gjemmer adresselinjen og gir deg mer plass til designene dine.

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

Denne JavaScript lyser vinduet 60 piksler opp. Det gir tilbake de nesten 15 prosent av skjermeiendommen som nettadressefeltet tar opp øverst i nettleservinduet. Når du legger til dette JavaScript på en nettside, vil det automatisk skjule adressefeltet i Safari på iPhone og iPod touch uten å påvirke andre nettlesere.

Dette skriptet ignoreres av Firefox, Internet Explorer, og til og med Safari når den brukes på en iPad eller en datamaskin.

Her er koden som gjør dette arbeidet. Bare legg til denne koden nederst på en webside, like før merket:

-vinduet. onload = funksjon () {setTimeout (funksjon () {vindu. scrollTo (0, 1);}, 100);}

Dette skriptet ble publisert av Apple i 2007 da den første iPhone ble utgitt. Skriptetikettene forteller HTML som JavaScript kommer: I HTML5 er JavaScript det standard skriptspråket, så du trenger ikke å ha noe i den taggen, men skriptet. Slik fungerer det:

1. Den første linjen, vinduet. onload = function () {, forteller at nettleseren skal kjøre dette skriptet når siden først lastes.

2. Den andre linjen, setTimeout, venter en tiendedel av et sekund (definert med tallet 100 på slutten av linjen).

3. Etter en tiendedel av et sekund, funksjon () {vindu. scrollTo (0, 1);} kjører og ruller vinduet til x-koordinaten 0 og y-koordinaten y, bedre kjent som toppen av siden.

Hvis du er helt ny for programmering, sjekk ut JavaScript-introduksjonen på w3Schools nettside.