hoejgaard Juniormester
05. september 2012 - 00:06 Der er 22 kommentarer og
1 løsning

Mobilsite

Hej,
Jeg skal igang med at lave et mobil site.
Funderer over hvor og hvordan man bestemmer formatet på siden ??
Den skal jo passe til en smartphone og ikke en pc skærm

Har kigget på mobilsider på pcen, men kan ikk lige se i koden hvor koden som tilpasser størrelsen til mediet er henne..
hoejgaard Juniormester
05. september 2012 - 00:07 #1
feks denne her:
http://www.taxinord.dk/m/

hvor er det henne i koden (source) at størrelsen på siden (bredde osv.) bliver sat ?
arne_v Ekspert
05. september 2012 - 00:16 #2
Den moderne loesning er CSS3 media queries.
wickedd Juniormester
05. september 2012 - 09:27 #3
Kan klart anbefale at gøre brug af en simpel meta;
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes" />

Så skalere din side selv til skærm-størrelsen ligemeget hvordan man vender og drejer den.

Hvis du smider billeder ind kan du gøre brug af css, eller simpel % (img src="bla.gif" width="75%") etc.
hoejgaard Juniormester
07. september 2012 - 22:39 #4
Wickedd
Ok jeg skriver bare den kodelinie du har angivet ?

Da simpelt må man sige :-)
wickedd Juniormester
08. september 2012 - 00:08 #5
Ja imellem <head> </head>
hoejgaard Juniormester
08. september 2012 - 00:33 #6
Super !
smid et svar wickedd
wickedd Juniormester
08. september 2012 - 00:36 #7
Den var dér ;)
wickedd Juniormester
08. september 2012 - 00:38 #8
Og et script til at smide smartphone/iphone/tabs til den mobile website.

<?php
$override = $_GET['override']; // normal website
if (!$override){
$iphone = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone");
$android = strpos($_SERVER['HTTP_USER_AGENT'],"Android");
$palmpre = strpos($_SERVER['HTTP_USER_AGENT'],"webOS");
$berry = strpos($_SERVER['HTTP_USER_AGENT'],"BlackBerry");
$ipod = strpos($_SERVER['HTTP_USER_AGENT'],"iPod");


if ($iphone || $android || $palmpre || $ipod || $berry == true)
{
header('Location: http://m.website.dk');
}
}
?>
hoejgaard Juniormester
08. september 2012 - 00:44 #9
ok super :-)

men hvordan skal filerne placeres på serveren i forhold til dem der hører til det normale website ??
wickedd Juniormester
08. september 2012 - 00:49 #10
Du kan jo evt. lave en mappe der hedder 'm' således mobil brugere automatisk bliver smidt ind i den mappe (med brug af ovenstående script på din rigtige hjemmesides index fil).

Ellers ved jeg ikke lige hvad du mener :)
hoejgaard Juniormester
08. september 2012 - 00:58 #11
Jo det var det jeg tænkte på.
Var ikke lige klar over at det der "m" repræsenterede en mappe i roden :-)
Går udfra mappen "m" skal ligge under domænenavnet "website" ?
wickedd Juniormester
08. september 2012 - 01:03 #12
Nemlig. Det ser således ud med www: www.website.dk/m , jeg kan dog bedre li' den anden metode at skrive den på, men det er jo op til en selv hvordan og hvorledes :)

Med det lille 'm' så slipper mobile brugere også for at skrive en lang adresse ind, for det er ikke altid let på en mobilos.
hoejgaard Juniormester
08. september 2012 - 01:07 #13
okay, svarer disse til hinanden ??

http://m.website.dkwww.website.dk/m
wickedd Juniormester
08. september 2012 - 01:09 #14
Ja

http://m.website.dk og http://www.website.dk/m
er det samme. Den første er bare lettere at skrive og er også mest brugt.
wickedd Juniormester
08. september 2012 - 01:10 #15
Hmm hvad skete der lige der o.o

http://m.website.dk og http://www.website.dk/m/

er det samme. Den første er bare lettere at skrive og er også mest brugt.
wickedd Juniormester
08. september 2012 - 01:11 #16
Nå men du ved hvad jeg mener, eksperten gør bare ikke :p
wickedd Juniormester
08. september 2012 - 01:12 #17
m.website.dk
website.dk/m

Er det samme, dog uden de 3 w'er ;)
hoejgaard Juniormester
08. september 2012 - 01:15 #18
ok, jeg laver bare en mappe "m" som alle filer til mobilsitet ryger ind i :-)
Takker mange gange for din fine hjælp ;-)
wickedd Juniormester
08. september 2012 - 01:16 #19
Ingen problemer. Held og lykke med det ;)
keysersoze Guru
08. september 2012 - 09:41 #20
Vær opmærksom på risiko for dublicate content med den løsning - det er derfor de fleste, som arne_v også skriver, benytter responsive webdesign.
hoejgaard Juniormester
09. september 2012 - 16:37 #21
hvor kommer der duplicate content ?
keysersoze Guru
09. september 2012 - 16:59 #22
samme indhold på det normale site som på mobil site.
hoejgaard Juniormester
07. oktober 2012 - 22:30 #23
ok tak :-)
Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links

Opret Preview

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester





Premium
Fremtiden har aldrig set mere usikker ud for Intel: Her er det, der kan redde – og dødsdømme chip-kæmpen
Computerviews: Intels nyslåede topchef Pat Gelsinger står overfor en stribe rigtig svære beslutninger. Hvis han ikke træder varsomt, vil chip-giganten sandsynligvis sygne hen.
Computerworld
Akut mangel på chip tvinger verdens største bil-producenter til at drosle ned for produktionen af biler
Flere af verdens største bil-producenter er tvunget til at drosle ned for produktionen på grund af mangel på chip, som de ikke kan få leveret.
CIO
Podcast: Hos Viking Life-Saving Equipment er it gået fra at være backend til at være noget, som kunderne spørger aktivt efter
Podcast, The Digital Edge: Viking leverer en stadig større del af deres produkt som en tjeneste. Som en del af tjenesten tager Viking ansvar for sikkerheden ved at levere, dokumentere og vedligeholde det nødvendige sikkerhedsudstyr. Hør hvordan Henrik Balslev senior digital director hos Viking har løftet den opgave.
Job & Karriere
Microsoft i kæmpe dansk satsning - åbner tre store datacentre i Danmark
Microsoft lancerer kæmpe satsning fra hovedkvarteret i Lyngby. Selskabet åbner tre store bæredygtige datacentre på Sjælland.
White paper
Gratis whitepaper: Hvad er EDI, og hvordan kan det styrke min forretning?
Overvejer du EDI, og ønsker du at undersøge, om EDI er den rette investering for din virksomhed? Har en af dine kunder eller leverandører for nyligt bedt dig om at udveksle elektroniske dokumenter (EDI)? Så hent dette whitepaper og få et overblik over, hvad EDI er, og hvilke fordele producenter og grossister som dig kan se frem til, når du investerer i EDI til din forretning.