Chrome-Entwicklungstools zum Emulieren mobiler Geräte mit Navigationsleiste

Lesezeit: 3 Minuten

Benutzer-Avatar
Martin

Hey, ich bin ein Webentwickler und suche nach einer Möglichkeit, mobile Geräte zu emulieren, die auch ihre jeweiligen Navigationsleisten, Symbolleisten usw. anzeigt. In der „Gerätesymbolleiste“ in Google Chrome (v58 auf macOS) ist ein spezieller Modus verfügbar das Nexus 5X (und “unterstützte Geräte”, laut Google), das ist genau das, wonach ich suche (siehe Screenshot unten), aber ich kann anscheinend keine Möglichkeit finden, dies für andere Geräte (wie iPhones, Galaxys usw.) einzuschalten.

Natürlich würden sich diese Balken zwischen den Geräten und dem Browser, auf dem sie ausgeführt werden, unterscheiden, daher suche ich idealerweise nach einer Möglichkeit, die Höhe der Balken und ihre Interaktion mit dem Ansichtsfenster manuell festzulegen (z. B. enthält iOS Safari die obere Leiste in der Viewport-Höhenberechnung, lässt aber die untere Leiste weg, was irgendwie mit der Anzeige des unteren Rands der Seite in Konflikt gerät (wie besprochen hier)).

Was ich letztendlich erreichen möchte, ist eine Möglichkeit, genau zu simulieren, wie eine Website auf einem bestimmten Gerät aussehen würde, indem ich nicht nur die Bildschirmgröße und Pixeldichte betrachte, sondern tatsächlich berücksichtige, dass andere Bereiche auf dem Bildschirm angezeigt werden die natürlich selbst Platz auf dem Bildschirm einnehmen und das Erscheinungsbild und die Benutzererfahrung beeinflussen.

Alle Ideen sind willkommen =)

ymmVE

  • Unsinn. Er beschrieb das Problem und was er bisher getan hatte, um es zu lösen. Er fragt nach möglichen nächsten Schritten zur Verbesserung seines Arbeitsablaufs. Lösungen könnte umfassen, sind aber nicht beschränkt auf externe Ressourcen. Ich denke, was wir hier sehen, sind Administratoren, die versuchen, Punkte zu sammeln, indem sie nützliche Fragen blockieren.

    – Gemeiner Hecht

    4. April 2018 um 20:52 Uhr

  • Warum ist das geschlossen? Ich bin hierher gekommen, um speziell nach einer Lösung für dieses Problem zu suchen, wie man die obere und untere Leiste auf dem iPhone emuliert. Wenn es eine Antwort gäbe, wäre ich damit schon fertig, hätte Erkenntnisse gewonnen und könnte weiterarbeiten. Ist das nicht das ganze Prinzip dieser Seite? Wissen teilen und sich gegenseitig helfen? Entsperren Sie dies bitte.

    – Varin

    21. September 2018 um 18:00 Uhr

  • Ich auch, ich suche nach der gleichen Antwort!

    – Nevitone

    7. Februar 2019 um 1:25 Uhr

  • Dies ist ein wichtiges Problem, dem Webentwickler tagtäglich begegnen – diese Frage ist relevant und keineswegs trivial zu lösen. Es gibt kein Buch oder Tutorial zu diesem Thema.

    – Blinkender Cahill

    11. Februar 2019 um 16:20 Uhr

  • Sehen Sie auch nicht, warum diese Frage geschlossen wurde?

    – pete83

    23. März 2020 um 13:42 Uhr

Sie können den Blisk-Browser verwenden, er basiert auf Chromium und unterstützt Symbolleisten und Bedienfelder für iOS-/Android-Geräte. Er verfügt über eine gute Reihe von Geräten, auf denen Sie emulieren können.

  • Schöner Entwicklerbrowser, aber er emuliert nicht die Änderung der Ansichtsfensterhöhe, wenn die obere Leiste des Browsers wie auf echten Geräten ausgeblendet wird

    – ZalemCitizen

    28. August 2020 um 15:42 Uhr

  • Schade, dass die meisten Leute genau das brauchen: die Änderung des Ansichtsfensters emulieren lassen 🙁

    – remix23

    16. September 2021 um 13:27 Uhr

1093270cookie-checkChrome-Entwicklungstools zum Emulieren mobiler Geräte mit Navigationsleiste

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

Privacy policy