php - Finde ud af hvilke sider jeg vil være på mobil (Normal/Mobil side) - Udvikleren.dk

Tags: css php javascript

Bruger #17136 @ 28.06.13 00:06

hej

tænker lige pt på at for bygge min side om til mobil brugervillig, det skal være sådan at man kommer ind på siden så skal den komme en box frem som spørger bruger om man skal være på den rigtig side eller på mobil side, det skal den kun gøre hvis man er på via sin mobil dog der i mode hvis man er på sin computer har man ikke mulighed for det.

Hvis man synes at man skal over på mobil siden så bliver man smidt over til m.mobil.com

hvis man ønsker at blive på den normal side bliver man bare på mobil.com,

Den skal kun gør det hvis det er android, iphone eller window telefon,

Den skal ikke gør det hvis man er sin ipad eller ligne mobiler som ipad.

Håber du kan hjælp mig

6 svar postet i denne tråd vises herunder
3 indlæg har modtaget i alt 4 karma

Sorter efter stemmer Sorter efter dato

Bruger #17081 @ 28.06.13 09:53

1.258

Jeg syntes du skal bruge:

HTML kode

 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

... da jeg ikke syntes brugeren skal have mulighed for, at pinch og zoom når det er til en mobil enhed. Det ødelægger lidt ideen om, at lave siden responsiv (via media queries).

Bruger #16838 @ 28.06.13 00:17

169

Googlede lige hurtigt og fandt denne artikel:
http://mobiforge.com/developing/story/lightweight-device-detection-php

Og så er det vel bare at føre det sammen med nogle cookies.

Bruger #16838 @ 28.06.13 00:58

169

HTML kode

 <head>
 <meta name="viewport" content="width=device-width">
 </head>

CSS kode

 @media (min-width: 501px) {
     #choice { display: none; }
 }

HTML kode

 <body>
 <div id="choice">Kun vinduer med 500 eller under width i px kan se mig.</div>
 </body>

Det er løsningen via CSS, der tjekker device-width.

Indlæg senest redigeret d. 28.06.2013 00:59 af Bruger #16838

Bruger #17136 @ 28.06.13 00:24

Googlede lige hurtigt og fandt denne artikel:
http://mobiforge.com/developing/story/lightweight-device-detection-php

Og så er det vel bare at føre det sammen med nogle cookies.

http://detectmobilebrowsers.com/

Jeg har lige fundet den her, og tro det er noget ligne samme still dom din,

Hvis jeg bruger min, gå jeg ud fra

så hvis jeg tænker mig om så hvis skærm er mindre endnu 500 så skal der komme en box frem, jeg tænker bare lidt hvordan få jeg den box frem hvis skærm er 500 xp? eller ligne i den still, ved ikke helt om du kan se hvad jeg mener?,

Hvis box kommer frem skal det være muligt at vælge mellem at komme på mobil side, og komme på den normal side

håber du kan se hvad jeg mener ellers spørger igen

EIDT!
Kigget lidt bedre på din!. Den kan være god til at spørger om bruger ønsker at gå på mobil side eller ej?

Indlæg senest redigeret d. 28.06.2013 00:34 af Bruger #17136

Bruger #17136 @ 28.06.13 01:11

HTML kode

 <head>
 <meta name="viewport" content="width=device-width">
 </head>

CSS kode

 @media (min-width: 501px) {
     #choice { display: none; }
 }

HTML kode

 <body>
 <div id="choice">Kun vinduer med 500 eller under width i px kan se mig.</div>
 </body>

Det er løsningen via CSS, der tjekker device-width.

jeg vil gerne ret dig til at bruge det her:

HTML kode

 <meta name="viewport" content="user-scalable=yes, initial-scale=1.0, maximum-scale=2.0, width=device-width" />

http://stackoverflow.com/questions/6293511/using-viewport-to-create-a-mobile-friendly-version

Bruger #17136 @ 28.06.13 11:25

Jeg syntes du skal bruge:

HTML kode
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
... da jeg ikke syntes brugeren skal have mulighed for, at pinch og zoom når det er til en mobil enhed. Det ødelægger lidt ideen om, at lave siden responsiv (via media queries).

ja, det er så rigtigt nok, jeg kan godt se hvad du mener

Finde ud af hvilke sider jeg vil være på mobil (Normal/Mobil side)

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler