Mobiele website

[Jessehuta]

Hallo, wie heeft een script of idee dat als iemand mijn website met een mobiel bezoekt wordt doorgeschakeld naar een mobiele website? (Mobiele website heb ik al zelf gemaakt)

BVD

 

[wampier]

Header check doen in je rewrite rules. De exacte oplossing is afhankelijk van de server. Als je een header tegenkomt van een mobiel apparaat kun je daarmee omschakelen. Mogelijk zijn er al complete oplossingen voor, maar uiteindelijk komt het ergens op dit niveau terecht.

 

[jesse123]

Misschien kun je het proberen met dit script:

<script language=javascript>
<!--
if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))){
   location.replace("mobile.html");
}
else if (screen.width <= 699) {
document.location = "mobile.html";
}
-->
</script>

Dit script kijkt eerst of je telefoon een iPhone, iPod of iPad is, zo ja, dan ga je (in dit geval) naar mobile.html.
Dit script kijkt ook naar de breedte van je scherm. Als deze kleiner is dan 699 pixels wordt je doorgestuurd naar (in dit geval) mobile.html

Het bestand dat moet worden geopend kun je natuurlijk zelf invullen op de plek van mobile.html.
Succes :thumb:

Dit bericht heb ik eerder geplaatst in een ander topic, als je problemen hebt kun je hier misschien nog iets vinden. Plaats dan wel even wat je hebt aangepast opnieuw in dit topic, dan kun je anderen ook nog helpen

Topic: http://www.helpmij.nl/forum/showthread.php/779623-Mobiele-website-detecteren?highlight=mobiel

 

[Ripz]

https://code.google.com/p/php-mobile-detect/

Peace out,
Ripz

 

[bron]

Voorheen werd met javascript de afmeting van het scherm bekeken en op basis daarvan een redirect uitgevoerd. Maar omdat mobiles nu hoge resolutie hebben werkt deze (nette) manier niet meer. In de bijlage zit een (server-side) scriptje, maar er zijn er vele....

Let op: ELK detect scriptje loopt achter op de werkelijkheid.
Volgende maand zou er een mobile kunnen uitkomen met afwijkende header info.

***Edit
Of ga over op Responsive Webdesign
--wiki-- een benadering van webdesign waarbij de web developer streeft naar een optimale webervaring voor een breed scala aan apparaten (van desktop computerschermen tot mobiele telefoons). Het ontwerp van een responsive website schaalt mee met de afmetingen van een scherm, zonder in te leveren op leesbaarheid van tekst of bruikbaarheid van de gebruikersinterface.
Maak deze pagina 'ns smaller (er zijn mooiere voorbeelden).