Die mobile Ansicht einer Website auf dem Desktop siehst du in Chrome auf drei Wegen. Jeder hat seinen Zweck, und welcher passt, hängt davon ab, wie nah du an ein echtes Handy herankommen musst.
Simlord läuft in Chrome auf einem Computer. Öffne diese Seite dort, um es hinzuzufügen.
Zieh den Fensterrand nach innen. Das geht schnell, aber die Website weiß weiter, dass sie auf einem Desktop läuft. Du siehst also eine schmale Desktop-Seite, nicht die mobile Website.
Öffne die DevTools mit F12, auf dem Mac mit Cmd+Option+I, und drück Ctrl+Shift+M, auf dem Mac Cmd+Shift+M. Chrome bringt die Seite auf Handygröße und sendet einen mobilen User-Agent, innerhalb der Entwicklertools.
Mit Simlord klickst du auf das Symbol und wählst ein Handy. Die Seite füllt den Tab mit dem Rahmen des Handys, seinen Browserleisten und Touch und bleibt angemeldet.
Die Gerätesymbolleiste der DevTools ist eingebaut, kostenlos und ideal, um beim Debuggen einen Breakpoint zu prüfen. Sie zeigt den Viewport, nicht das Handy: keine Browserleisten, keine Rahmen aktueller Geräte, und die DevTools selbst nehmen die Hälfte deines Bildschirms ein.
Simlord zeigt die Seite so, wie ein Handy sie zeigt, mit der Leiste von Safari oder Chrome auf ihrem echten Platz, der Statusleiste und der Notch oder Dynamic Island. Das gewählte Gerät bleibt, während du surfst, und du kannst einen Screenshot oder eine Aufnahme davon machen.
Simlord öffnet und schließt sich mit Alt+Shift+M und hat Tastenkürzel zum Drehen, für das nächste Gerät, für einen Screenshot und zum Aufnehmen. Du kannst sie in den Tastenkombinationen für Erweiterungen in Chrome ändern.
Noch etwas? Schreib an support@simlord.eu.
In den DevTools ist es Ctrl+Shift+M unter Windows und Linux und Cmd+Shift+M auf dem Mac, nachdem du die DevTools geöffnet hast. Simlord öffnest du mit Alt+Shift+M, ganz ohne DevTools.
Weil die Website den User-Agent oder die Touch-Unterstützung prüft, nicht nur die Breite. Ein schmales Fenster meldet weiterhin einen Desktop-Browser.
Ja, von jeder Website, die du in Chrome öffnen kannst, auch wenn du dort angemeldet bist.
Die Website bekommt Größe, Identität und Touch eines Handys und reagiert deshalb wie auf einem Handy. In anderen Tabs ändert sich nichts.
Kostenlos, kein Konto nötig. Funktioniert in Chrome, Edge und Brave.
Simlord läuft in Chrome auf einem Computer. Öffne diese Seite dort, um es hinzuzufügen.