SeitenTools: Oktober 2012

Montag, 15. Oktober 2012

Besucher auf Mobile Webseite weiterleiten (JS)

http://popup.at/projektgalerien/mobile-websites/fohrenburg/mobile_seite_1.jpg















Alle die selber Ihre Webseiten schreiben oder einfach ein schlechtes Erstellungtool Nutzen müssen Ihre Besucher manuell auf eine entsprechende Mobile Seite weiterleiten.
Eine einfache ist mit einem Java Script. Dieses Fragt den Gennutzen Browser ab und zeigt dem Benutzer anschließend an, dass er auf eine Mobileseite wechseln kann.

Einfach diesen Text in euren Body Bereich einfügen.

<script type="text/javascript">
redirect();
 function redirect() {
     if((navigator.userAgent.match(/(iPhone|iPod|Android|opera mini|blackberry|iris|3g_t|windows ce|opera mobi|windows ce. smartphone.|windows ce. iemobile|palm os|palm|hiptop|avantgo|plucker|xiino|blazer|elaine|Opera Mobile|mini 9\.5|vx1000|lge |m800|e860|u940|ux840|compal|wireless| mobi|ahong|lg380|lgku|lgu900|lg210|lg47|lg920|lg840|lg370|sam-r|mg50|s55|g83|t66|vx400|mk99|d615|d763|el370|sl900|mp500|samu3|samu4|vx10|xda_|samu5|samu6|samu7|samu9|a615|b832|m881|s920|n210|s700|c-810|_h797|mob-x|sk16d|848b|mowser|s580|r800|471x|v120|rim8|c500foma.|160x|x160|480x|x640|t503|w839|i250|sprint|w398samr810|m5252|c7100|mt126|x225|s5330|s820|htil-g1|fly v71|s302|-x113|novarra|k610i|-three|8325rc|8352rc|sanyo|vx54|c888|nx250|n120|mtk |c5588|s710|t880|c5005|i.458x|p404i|s210|c5100|teleca|s940|c500|s590|foma|samsu|vx8|vx9|a1000|_mms|myx|a700|gu1100|bc831|e300|ems100|me701|me702m-three|sd588|s800|8325rc|ac831|mw200|brew |d88|me702|8325rc|kddi|phone|lg|sonyericsson|samsung|240x|x320|vx10|nokia|sony cmd|motorola|up.browser|up\.link|mmp|symbian|smartphone|midp|wap|vodafone|o2|pocket|kindle|mobile|psp|treo|htc_touch|355x|m50|km100|d736|p-9521|telco|sl74|ktouch|m4u)/i))) {
         var question = confirm('Mobile Version der Website anzeigen?');
         if (question){
             location.replace('mobile/index.html');
         }
     }
 }
</script>

Ihr müsst darauf achten, dass eure Mobileseite im Verzeichnis mobile lieht und index.html heißt. Falls dies nicht der Fall ist passt den Link im Script einfach an. Zum Beispiel mobile/mseite.php