Mobiel Dedecteren -> Maar hoe?
ik weet dat je de browser kan ophalen met HTTP_USER_AGENT vanuit de SERVER.
Maar daar ben ik niet veel mee.
Ik moet kunnen weten of het een mobiel is.
Zoja, ---> Doorsturen naar de mobiel site.
Zoniet --> Op de gewone.
Hopelijk heeft er hier iemand ervaring mee?
Alvast bedankt.
Ik raad je aan geen aparte mobiele website te maken, maar je website doormiddel van media queries in CSS aan te passen aan mobiele schermen.
Detect mobile browsers.mobi
Lightweight device detection
php class for detecting mobile devices
Denk dat deze links je goed verder kunnen helpen met wat je zoekt..
Greets.
Heb nu de code maar heb ik daar echt zoveel code voor nodig om alleen maar te weten of het een mobiel is?
Maar is het niet makkelijker om voorbeeld volgende te doen:
Gewone site: domein.com
Mobiele site: m.domein.com
Op de mobiele site plaatsen we ook ergens een link: Gebruik de gewone site ofzo?
@ Marco, bedankt voor de links.
@ Nick, bedankt voor die generator. Heb er daarnet even naar gekeken en het ziet er goed uit.
@ Wouter, heb je toevallig een goede site die wat meer uitleg geeft over media queries?
Dem
Gewijzigd op 01/07/2012 13:13:58 door - Diov -
http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries
http://webdesignerwall.com/tutorials/css3-media-queries
http://webdesignerwall.com/tutorials/setting-breakpoints-in-responsive-design
http://mediaqueri.es/
Ik snap hoe het werkt, zal even kijken naar hoe groot een iphone is, een ipad, ... zal even zoeken worden voordat ik de meeste waardes weet.
Je moet je scherm verkleinen en dan wanneer het niet meer goed eruit ziet een nieuwe media query starten, zoals mijn 1 na laatste link zegt.
Kijk bijv. eens naar mijn beta design: http://staging.wouterj.nl/ Wanneer er iets verkeerd dreigt te gaan maak ik een query aan en plaats het op een goede plek, of haal het weg.
Vergelijk het maar met mijn huidige design ( http://wouterj.nl/ ) daar zie je dat het helemaal verkeerd gaat!
Gewijzigd op 01/07/2012 13:48:16 door Wouter J
Ik ging het helemaal anders aanpakken. Bedankt
Heb de links even bekeken, maar hoe bepaal je nu hoe groot het scherm is? Als je het verkleint hebt?
Zijn er daar tools voor?
En je kan ook met JavaScript kijken hoe groot het scherm is. Een tool die dat bijv. doet is screenfly. Je ziet daar linksboven een balkje met je schermgrootte. Als je klaar bent kun je met diezelfde tool ook makkelijk kijken hoe het er op verschillende apparaten eruit ziet.
Maar kijk, ik heb een fixed bar die altijd op de top blijft. Is het dan eigenlijk ook mogelijk om die weg te laten? (De tekst)?
Zal ik hiervoor jQuery voor nodig hebben? Of andere dingen?
Alvast bedankt
Code (php)
1
2
3
4
5
2
3
4
5
@media screen and (...) {
#fixedBar {
display: none;
}
}
#fixedBar {
display: none;
}
}
Wouter J op 01/07/2012 12:58:52:
Offtopic:
Ik raad je aan geen aparte mobiele website te maken, maar je website doormiddel van media queries in CSS aan te passen aan mobiele schermen.
Ik raad je aan geen aparte mobiele website te maken, maar je website doormiddel van media queries in CSS aan te passen aan mobiele schermen.
Lijkt me behoorlijk omslachtig, een complete website serveren om vervolgens de helft van de content weg te filteren omdat je het toch niet gebruikt. Behalve dat het je telefoon rekenkracht kost (en dat is niet altijd evenveel aanwezig, niet iedereen heeft een quadcore op zak) kost het je ook behoorlijk meer dataverkeer. Tenzij je goede argumenten kunt aandragen om @media te gebruiken lijkt het mij bijzonder onnodig.
Ik ga wel werken met Wouter zijn methode maar misschien kan ik ook een aparte maken voor de oude gsm's.
Voor iPhone en iPad zal ik ook met wouter z'n methode moeten werken denk ik.
En misschien ook met jQuery (sliden enz).
Ben al wat rijker aan informatie door dit topic en het heeft me goed geholpen.
Dem
En als de helft van de content van je website onnuttig is is je website behoorlijk slecht. Dan heb je toch echt geen goed lay-out gemaakt, maar dat is een ander onderwerp.
verder ben ik het met je eens over het gebruik van media queries. de technologie van tegenwoordig in de telefoontjes is wel ver genoeg gevorderd om dit aan te kunnen en tevens ben je qua content minder tijd kwijt aan het aanpassen van je website.
Maar ik ga eventjes zoeken, wat ervaring opdoen zodat ik dit zelf kan.
Alvast bedankt.
Ik ga Wouter z'n manier toepassen, en ik heb nog een oude gsm thuis liggen met wifi, dan kan ik daar wat mee experimenteren.
Voor de iPhone en iPad ga ik met de http://jquerymobile.com/ werken.
Dem
En juist voor iPhone en iPad kun je aan de slag met media queries, door die 2 is het namelijk bedacht...
En je kan gewoon alles met CSS. Iets verwijderen: display: none; Icoontjes kun je in de background plaatsen, enz.