Problem bei der Weiterleitung von Mobilen geräten

[N73hF83f(]

Hey leute ich habe ein kleines problem mit der weiterleitung von Mobilen geräten.

Zur zeit verwende ich folgendes Script:

<script type="text/javascript"> 
if (screen.width<800) 
 window.location = "./mobile/"; 
</script>

Damit leite ich jedes gerät mit einer bildschirmbreite von <800px auf mein Mobiles Script weiter.
Jedoch möchte ich auch die Möglichkeit bieten von der Mobilen seite wieder auf die Desktop Seite zu kommen, aber das script leitet einen ja sofort wieder zurück.

Kennt jemand eine Gute lösung =?

Danke im voraus

[MrPuschel]

Du solltest Media Queries verwenden. Alle mobilen browser bieten dem Nutzer die Möglichkeit an, diese zu ignorieren und die Desktop Version der Seite zu anzufordern.

Wenn das nicht gehen sollte weil das "mobile script" irgendetwas bereitstellt was nur auf einem Mobiltelefon ausgegeben werden soll, füge einfach einen Link ein der den User zurückschickt, da sehe ich kein Problem.

Ausserdem kommt es mit deinem snippet zu Kompatibilitätsproblemen, das hier hilft dir weiter:

[N73hF83f(]

Also die Methode mit dem link zurück gefällt mir am besten aber ich bräuchte nen Script das dann die Javascript- Weiterleitung ignoriert. Fällt dir da eine gute Möglichkeit ein =?

[PseudoPsycho]

<a href="index.php?m=noredirect">Normale Ansicht</a>

und dann:

var prmstr = window.location.search.substr(1);
var prmarr = prmstr.split ("&");
var params = {};

for ( var i = 0; i < prmarr.length; i++) {
    var tmparr = prmarr[i].split("=");
    params[tmparr[0]] = tmparr[1];
}

if(screen.width<800 && typeof params['m'] !== 'undefined' && params['m'] === 'noredirect')
    window.location = './mobile/';

[Bgzocker]

wieso eig so kompliziert lösen? Wäre das ganze nicht viel einfacher mit php zu lösen?

[xyNNNNNN]

Originally Posted by PseudoPsycho

<a href="index.php?m=noredirect">Normale Ansicht</a>

und dann:

var prmstr = window.location.search.substr(1);
var prmarr = prmstr.split ("&");
var params = {};

for ( var i = 0; i < prmarr.length; i++) {
    var tmparr = prmarr[i].split("=");
    params[tmparr[0]] = tmparr[1];
}

if(screen.width<800 && typeof params['m'] !== 'undefined' && params['m'] === 'noredirect')
    window.location = './mobile/';

Gerade auf mobile Endgeräte, ist die Wahrscheinlichkeit sehr groß, dass Javascript dementsprechend deaktiviert ist. Daher würde ich so eine Abfrage nicht empfehlen und wenn überhaupt das serverseitig abbilden.

Unabhängig davon, sollte man Heutzutage CSS3 MediaQueries (wie MrPuschel schon gesagt hat) nutzen. Die Ausgabe unterschiedlicher Inhalte und Medieninhalte (z.B. Größe der Bilder bzgl. der übertragenen Datenmenge) passiert wiederum serverseitig.

Weitere Informationen findet man hier

[GameZzWorld]

Versuche einfach die Dateien per CSS zu ändern:
z.B
@media (max-width: 800px) {
/* Mobile CSS */
}

@media (min-width: 800px) {
/* Normales CSS */
}