Meine Website wird die Besucher auf eine separate mobile Website zurückversetzen, was nach dem Lesen einiger Online-Anleitungen ziemlich einfach erscheint.
Ich möchte jedoch, dass die Nutzer auf einen Link auf der mobilen Website klicken können, der sie dann zur Desktop-Website führt.
Das Problem, das ich sehe, ist, dass wenn ich auf die Desktop-Site verlinke, es sie einfach umleiten wird, wenn sie auf Mobile sind?
Wie kann ich das umgehen?
Wirklich Sie möchten diese Art von Sache serverseitig, nicht clientseitig machen. Das Problem ist, dass Sie einen mobilen Benutzer (bei einer potenziell schlechten Verbindung) zwingen, zuerst die gesamte Desktop-Site herunterzuladen (was über 1 MB sein kann), nur damit die JavaScript-Umleitung wirksam wird.
Zu diesem Zeitpunkt hat Ihr mobiler Besucher möglicherweise die Geduld verloren und ist bereits gegangen.
Ich habe hier über den Prozess gebloggt: Ссылка - Wenn Sie zum Ende des Artikels springen, sehen Sie ein Flussdiagramm, das den gesamten Prozess abbildet. Diese spezielle Methode verwendet Cookies, könnte aber angepasst werden. Das Schöne an diesem Flussdiagramm ist, dass es sprachunabhängig ist - Sie können es in jedem serverseitigen Programmierstil entwickeln.
Für Ihre Bequemlichkeit habe ich das Flussdiagramm unten eingefügt (obwohl ich Ihnen dringend rate, den Artikel zu lesen):
Die Alternative zu all dieser Arbeit wäre die Entwicklung einer Mobile-Responsive-Website. Da ich deine Umstände nicht kenne, werde ich es dabei belassen - es ist nicht immer in jedem einzelnen Szenario angebracht.
Machen Sie das Redirect-to-Mobile optional (d. h. einen Link oben auf der Desktop-Seite) oder stellen Sie die mobile Weiterleitung nur auf den ursprünglichen Einstiegspunkt, d. h. mydomain.com . Wenn sie zu mydomain.com/index.html gehen, dann leite nicht um. Auf diese Weise kann Ihr "Zurück zum Desktop" -Link einfach ein normaler Link zu index.html , von index_mobile.html oder wo auch immer Sie ihn für seine mobile Erfahrung senden.
Ich persönlich wäre viel lieber, wenn das Layout flüssig genug wäre, um zu dem jeweiligen Browser zu passen, dann ist es kein Problem, damit anzufangen. Denken Sie daran, es gibt jetzt Tabletten in verschiedenen Größen, um die mobilen Gewässer zu trüben.
Auf Ihrer Startseite, auf der die mobile Weiterleitung erfolgt, sollten Sie im href nach etwas suchen, das auf der mobilen Website angezeigt wird. In meinem Fall habe ich einen Link zur Homepage von der mobilen Seite mit einem? M = 0 am Ende davon verwendet. Zum Beispiel: Ссылка
Dann überprüfen Sie vor der Umleitung auf der Homepage für das m = 0 in der href. Wenn es dort ist, nicht umleiten, wenn dies nicht der Fall ist, umleiten zu Handy.
%Vor%Dies funktioniert, wenn Sie nur von einer einzelnen Seite auf Ihre mobile Website umleiten.
Sie können Cookies, Sitzungen oder lokale Speicher verwenden, so dass ein Benutzer, wenn er auf "Zur Desktop-Site wechseln" klickt, einen Wert festlegt.
Nehmen wir an, Sie setzen den Namen auf "mobileOff" und den Wert auf "1" oder "true", wenn ein Benutzer auf einem Mobiltelefon auf "Go to Desktop Site" klickt. Fügen Sie dort, wo Sie Ihre mobile Prüfung durchführen, eine Bedingung hinzu, um im Cookie / Session / localStorage des Benutzers nach mobileOff zu suchen. Wenn diese Option auf true gesetzt ist, umgehen Sie die automatische mobile Weiterleitung, andernfalls laden Sie die Haupt-Desktop-Site.
Sie sollten die User-Agent-Methode kombinieren, um das Gerät mit der Abfragezeichenfolge für diese Art von Funktionalität zu erkennen. Nehmen wir an, Ihr Link ist
%Vor% Wenn jemand auf diese Seite klickt, überprüfen Sie den User-Agent und geben Sie in der Antwort die entsprechende Site oder das Ereignis an, wenn das Gerät erkannt hat, ob ein mobiles Gerät einfach auf m.yourdomain.com/site/default.aspx
umgeleitet wird
Wenn aber jemand die Seite site / default.aspx trifft, geben Sie type = desktop ein, überschreiben Sie dann das Verhalten beim Überprüfen des useragent und rendern Sie die Desktop-Site.
niemals sollten Sie zuerst die Desktop-Website und dann über JavaScript Reditect auf eine mobile Website laden. tun Sie dies mit Benutzer-Agenten Server-Seite.
Statisch
%Vor%Dann können Sie eine Reihe von Dingen verwenden.
Wenn Sie eine statische Website verwenden, wird es schwieriger, da es mit JavaScript-Weiterleitungen und zwei vielen doppelten Seiten unordentlich wird. Veröffentlichen Sie Ihren Code und teilen Sie uns mit, wie Sie gerade Ihre Einrichtung durchführen, und ich werde meine Lösung aktualisieren.
Tags und Links javascript html mobile
