Umschalttaste zum Wechseln zwischen Desktop- und Mobilansicht wie bei der Chrome-Desktop-Site

Lesezeit: 1 Minute

Für mein mobiles Menü möchte ich der Desktop-Ansicht eine Umschalttaste hinzufügen, und der Benutzer kann erneut auf die Schaltfläche klicken, um zur mobilen Ansicht zurückzukehren.

Bisher gelingt es mir, die Schaltfläche in die Desktop-Ansicht zu versetzen, aber :-

1) Wie kann ich die mobile Ansicht wieder aktivieren?
2) Wenn ich in der Desktop-Ansicht eine andere Seite aufrufe, kehrt ich einfach zur mobilen Ansicht zurück. Wie kann ich es also basierend auf meiner aktuellen bevorzugten Ansicht erzwingen?

Im Grunde versuche ich genau die Option einer Chrome-Desktop-Site zu erreichen.

Hier ist mein Code bisher:

HTML

<button onclick="requestDesktopSite()">Request Desktop Site</button>

Javascript

function requestDesktopSite() {
document.getElementsByTagName('meta')['viewport'].content="width= 1440px;";
}

  • Verwenden Sie Cookies (auch Javascript kann Cookies speichern). Lesen Sie dann auf Ihrer Seite das Cookie und wechseln Sie die Ansicht automatisch. Sobald der Benutzer dann eine andere Ansicht auswählt, speichern Sie diese in Cookie und Swicth. Auf diese Weise können Sie die Ansicht zwischen verschiedenen Seitenaufrufen beibehalten

    – Nikos M.

    4. Dezember 2018 um 14:26

  • wie @NikosM. sagte: Sie müssen die Informationen irgendwo speichern, damit sich der Client Ihres Benutzers die Auswahl merkt

    – Stender

    4. Dezember 2018 um 14:32 Uhr


  • In Ordnung. Ich werde mir das Speichern von Cookies ansehen.

    – eisig

    4. Dezember 2018 um 16:43 Uhr

Vielleicht versuchen Sie Folgendes:

function requestDesktopSite(){
 if(document.getElementsByTagName('meta')['viewport'].content=='width= 1440px;'){
  document.getElementsByTagName('meta')['viewport'].content="width= 400px;";
 }else{
  document.getElementsByTagName('meta')['viewport'].content="width= 1440px;";
 }
}

  • Meine Güte, warum habe ich nicht einmal an diese einfache if-Anweisung gedacht? Danke!

    – eisig

    4. Dezember 2018 um 16:43 Uhr

  • @NazrinNoorzan kein Problem, kannst du die Antwort akzeptieren? Danke

    – Maciek Semik

    4. Dezember 2018 um 17:15 Uhr

  • ja später. Ich schaue mir zuerst die Kekse an.

    – eisig

    4. Dezember 2018 um 18:32 Uhr

1451180cookie-checkUmschalttaste zum Wechseln zwischen Desktop- und Mobilansicht wie bei der Chrome-Desktop-Site

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy