Ausführliche Erläuterung einiger Vorsichtsmaßnahmen für den JS-Sprung zur mobilen Website-URL

In diesem Artikel werden hauptsächlich einige detaillierte Beispiele für Vorsichtsmaßnahmen für JS vorgestellt, um zur URL einer mobilen Website zu springen. Ich hoffe, dass es allen helfen kann.

Die ursprüngliche Absicht des Designs unserer mobilen Website-Plattform besteht darin, eine Verbindung zu unserer bestehenden PC-Website-Plattform herzustellen. Jetzt können alle unsere Benutzer unseren PC-Website-Service nutzen Daten wie die mobile Website. Der entscheidende Punkt ist, dass alte Benutzer nichts bezahlen müssen, es ist kostenlos. (Kunden der PC-Website sind ein wenig aufgeregt, wenn man darüber nachdenkt.) Nachdem ich eine Weile online war, habe ich das Gefühl, dass viele Kunden ziemlich interessiert sind. Sie haben diese und jene QR-Code-Scan-Software auf ihren Mobiltelefonen installiert, und sie stehen vor dem Mobiltelefon und scannen den QR-Code der Website.

Kommen wir zum Punkt:

Kurzerhand kamen viele Kunden wegen des Rufs hierher. Es stellte sich heraus, dass unsere Kunden, die keine PC-Kunden waren, unseren Mobilfunkstationsdienst kauften , was zur Frage „Wie kann die PC-Site zur mobilen Site springen?“ führte.

Ich denke, es ist eine gute Methode, den navigator.userAgent des Clients über Javascript abzurufen und dann den URL-Sprung zu verwenden.

Los geht's - Code:

var isMobile = {
  Android: function() {
    return navigator.userAgent.match(/Android/i) ? true : false;
  },
  BlackBerry: function() {
    return navigator.userAgent.match(/BlackBerry/i) ? true : false;
  },
  iOS: function() {
    return navigator.userAgent.match(/iPhone|iPod/i) ? true : false;
  },
  Windows: function() {
    return navigator.userAgent.match(/IEMobile/i) ? true : false;
  },
  Linux: function() {
    return navigator.userAgent.match(/Linux/i) ? true : false;
  },
  any: function() {
    return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Windows() || isMobile.Linux());
  }
};
setTimeout(function() {
  if (isMobile.any()) {
    var body = document.getElementsByTagName('body');
    body[0].style.display='none';
    location.href = "http://m.某某.com/";
  }
}, 10);

Einfache Analyse:

1. Auf welchen Geräten müssen Sie zur URL springen?

Unter XP, Win7 und Mac ist der mobile Site-Sprung im Allgemeinen nicht möglich.

Android, BlackBerry, iOS, Windows Mobile (Telefon), Linux und andere Systeme auf dem Markt sind häufig verwendete mobile Betriebssysteme. Das webOS von Firefox, das „alte“ Nokia Symbian usw. scheinen im In- und Ausland keinen Markt zu haben, also denken Sie nicht darüber nach.

2. Was sind die Probleme, wenn die Seite springt?

1. Die ursprüngliche PC-Website verfügt möglicherweise über viele Ressourcen zum Laden. Die Seite der PC-Website wurde möglicherweise vor dem Sprung zur URL gerendert und der Sprungeffekt ist zu steif

Antwort: Nachdem js die Eigenschaften des Terminals erhalten hat, setzen Sie den Körper sofort auf versteckt

2. Verwenden Sie window.onload oder setTimeout?

Antwort: Ich wähle, wann setTimeout ausgeführt werden soll, aber das abscheuliche window.onload erfordert, dass ich warten muss, bis alle Ressourcen heruntergeladen sind, bevor ich meine Methode ausführe, daher empfehle ich die Verwendung von setTimeout();

Zusammenfassung:

In Bezug auf die Beurteilung des Endgeräts ist der obige Code sehr oberflächlich und führt zu einem peinlichen URL-Sprung. Dies ist der letzte Ausweg. Wenn der Server die Geräteeigenschaften anhand der Anforderungsheaderinformationen des Clients bestimmt, ist es eine bessere Wahl, entsprechend unterschiedliche Ressourcen zurückzugeben.

Verwandte Empfehlungen:

JS-Sprungmethode und Zusammenfassung des Codes

Javascript - Verwenden Sie PHP, um einen JS-Sprung zu erhalten finale URL übertragen

2 Lösungen für das Problem fehlender Referrer in JS, Sprung in IE_Javascript-Fähigkeiten

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung einiger Vorsichtsmaßnahmen für den JS-Sprung zur mobilen Website-URL. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!