Mobil browser HTML og css

Kommer lidt an på, hvordan man skal bruge dit website. Hvis folk bare skal kunne gå ind på den, ligesom fra en computer, så behøver du ikke gøre noget ekstra.

Smartphones er fuldt ud i stand til at vise dit website, og så kan folk jo også selv zoome ind og ud som de vil.

Hvis det er et website, der fx viser fodboldresultater, så kunne man godt gøre det nemmere ved at lave siden, så det kun er listen der bliver vist og ikke andet. Og her er det rigtigt, at du kan benytte den attribute, men den er ikke altid til at regne med.

Den bedste måde, er at lade serveren finde ud af hvilken enhed der bruges, og derefter videresende brugeren til en speciel del på dit website der er beregnet til Smartphones.

Hej DeeDawg

Hvordan videresende man brugeren til en speciel del på dit website (CSS stylesheet) der er beregnet til Smartphones ?

Kender du et PHP script der kan dette ? eller skal man over i noget javscript ?

og skal man tage hensyn til om det er en iphone  eller nokia man skal designe til i forhold til skærmstørelse ?

Det skal lige siges at jeg vil lave dette i PHP, jquery mobile, HTML og CSS.

Du kan godt gøre det i PHP, men har ikke selv prøvet det, og det vil heller ikke være den mest optimale løsning.

Benytter du en Apache server, så vil den optimale løsning være at bruge .htaccess til denne opgave.

Her har du et eksempel:


Jeg vil ikke forklare dig hvordan det egentlig fungere, da du selv må finde nogle tutorials i brugen af .htaccess. Men, det her vil i teorien, tjekke at brugeren ikke allerede er gået ind på den specielle smartphone del, så vi undgår et uendeligt loop. Derefter tjekker den om, det er en mobil ved at se om enheden kan modtage nogle specifikke MIME-typer, og ved at se hvad enheden "kalder" sig selv.

Er det en smartphone, så videresender vi brugeren til den specielle smartphone del, hvis brugeren som sagt ikke allerede befinder sig der.


Med hensyn til, hvordan du skal designe siden, så skal du ikke gå efter en skærmstørrelse, da det kan variere meget. Det du skal gøre er at sørge for at siden ikke indeholder unødvendige ting, og gøre elementer som knapper osv., i en god størrelse.

Den eventuelle Smartphone vil selv tilpasse siden til skærmstørrelsen, og brugeren kan som sagt, selv zoome ind og ud.

Da de fleste Smartphones kører på styresystemer, udviklet af firmaer som også udvikler browsere til den almene computer, er situationen ikke anderledes end normalt.

• Android - Google. Google benytter WebKit som grafik engine, og du kan derfor teste siden i Chrome.
• iPhone - Apple. Apple benytter også WebKit, så der kan du også teste siden i Chrome, eller deres egen Safari.
• Windows - Microsoft. Microsoft benytter deres egen engine, kaldet Trident, og du kan derfor teste siden i Internet Explorer.
• Firefox - Mozilla. Firefox kører på en engine kaldet Gecko.
• Opera - Oracle. Oracle benytter en engine kaldet Presto og kan derfor testes i Opera. Ved ikke om der er nogen Smartphones som benytter Opera som browser som standard.

Dog skal du huske, at folk jo godt kan downloade en anden browser til deres Smartphone end den der følger med fra starten. Så ligesom normalt, så sørg for at den fungerer i alle 4 engines.

Håber det hjælper dig lidt videre. ;)

Det er super jeg har godt nok ikke testet det endnu men det giver god mening :)

Jeg kommer nok igang i weekenden :)

Kender du noget til jquery på en mobil browser ?

Nej, det gør jeg ikke. Ejer ikke selv en Smartphone, og har derfor ikke haft nogen rigtig mulighed for at udvikle websites til dem.

Lidt sjovt at jeg så kan svare på dit spørgsmål, I know. ;)

Hehe ja :)

hvis man så skal vise billeder skal de så laves i en bestemt størelse altså på samme måde som facebook viser billeder sådan man kan slide igennem ens billeder ?

Håber dette giver mening! :)

DeeDawg giv lige et svar og du får point :)

Lukke tid ? :)

Jep. :)