Hoe maak ik verschillende mobiele websites?

Status
Niet open voor verdere reacties.

jorenman

Gebruiker
Lid geworden
27 jul 2013
Berichten
222
HTML:
<script type="text/javascript">
<!--
if (screen.width <= 1200) {
document.location = "mobile.html";
}
</script>

Dit is de code die ik gebruik voor mobiele telefoons, dit zorgt ervoor dat mobiele telefoons meteen naar mobile.html gaan in plaats van naar index.html.
Maar dan is er een probleempje:
Op mijn site werken de verhoudingen wel goed met Android en Apple, maar bijvoorbeeld niet goed met een Blackberry...
Weet iemand of er een code is waardoor een webpagina kan herkennen welk soort mobiel het is en vanuit dat kan beslissen naar welke pagina je wordt doorgestuurd?

Bijvoorbeeld bij als je een BB hebt dat je dan naar mobile2.html wordt doorgestuurd?
 
Laatst bewerkt door een moderator:
Misschien struikelt hij over de <!-- aangezien er geen sluittag ( --> ) is.
 
Ik denk dat je met dit stukje code wel verder komt ;)

[JS]var customizeForDevice = function(){
var ua = navigator.userAgent;
var checker = {
iphone: ua.match(/(iPhone|iPod|iPad)/),
blackberry: ua.match(/BlackBerry/),
android: ua.match(/Android/)
};
if (checker.android){
$('.android-only').show();
}
else if (checker.iphone){
$('.idevice-only').show();
}
else if (checker.blackberry){
$('.berry-only').show();
}
else {
$('.unknown-device').show();
}
}[/JS]

Ik neem aan dat je trouwens bezig bent met een responsive site?
Zelf maak ik gebruik van CSS om dit juist te doen

Voorbeeld:

Code:
/* Smartphones ----------- */
@media only screen and (max-width: 760px) {
  #some-element { display: none; }
}


Succes!
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan