Video: The Internet of Things by James Whittaker of Microsoft 2024
Med CSS kan du bruke forskjellige regler til iPhones og iPads for å optimalisere hvordan nettstedet ditt ser ut. Du kan endre hvordan en side vises i liggende eller stående visning, og du kan skjule bestemte deler av en side når du ser på bestemte enheter.
Bruk CSS til å målrette designene dine er den enkleste ruten, men når du tar denne tilnærmingen, leverer du fremdeles hele innholdet på siden din til hver enhet, noe som betyr at du kan få målgruppen til å laste ned mer innhold enn nødvendig. Dette problemet er spesielt problematisk hvis besøkende ser på sidene dine langs trege tilkoblinger, eller hvis du har mange store bilde-, video- eller lydfiler.
Du kan bruke et relativt enkelt PHP-skript som gir forskjellig innhold til en iPad enn det gjør på en iPhone. Denne typen skript er nyttig hvis du vil blokkere videoer, bilder eller andre typer innhold fra å bli lastet ned til en iPhone.
I figuren ble Jelly Rancher-kontaktsiden brukt som et eksempel. I dette tilfellet leverer PHP-skriptet mer innhold til iPad enn iPhone fordi vi fjernet QR-koden og Microsoft-taggen i høyre sidebar før du leverer siden til iPhone.
PHP-koden som er omtalt i denne delen, er en praktisk måte å skreddersy innholdet levert på en iPhone eller iPad på en bestemt side. Kontaktsiden viser mer informasjon på den større iPad-skjermen enn på iPhone-skjermen. I dette eksemplet ble en liten PHP-kode brukt til å fjerne det andre bildet, samt QR-koden og Microsoft-taggen, fra kontaktsiden før siden ble sendt til en iPhone.
Når du bruker PHP-kode i et HTML-dokument, må du endre filtypen fra. html til. php. Du kan blande sider med. html og. php-utvidelser på samme nettsted.
Det første trinnet i å kunne sende kun dataene som hver enkelt nettleser trenger, er å oppdage hvilken nettleser som besøker siden. Du kan bruke hvilket som helst server-side språk, for eksempel Java,. Netto eller PHP.
PHP som brukes i dette eksemplet fungerer fint for et enkelt eksempel, men du er bedre med et mer omfattende enhetsdeteksjonsskript.
