So nutzt du: Website-Geräte-Simulator
- Gib die Adresse deiner Website ein und klicke auf Vorschau.
- Wähle eine Smartphone-, Tablet-, Laptop- oder Desktop-Größe und nutze dann Drehen für das Querformat.
- Nutze Vergleichen, um Smartphone-, Tablet- und Laptop-Ansicht nebeneinander zu sehen.
- Füge eigene Größen unter Eigenes Gerät hinzufügen hinzu. Sie werden in diesem Browser gespeichert.
Was dieser Simulator zeigt
Er lädt deine Seite in der Breite und Höhe eines Geräts, sodass dein responsives Layout und deine CSS-Breakpoints so reagieren, wie sie es bei dieser Größe täten. So erkennst du schnell kaputte Layouts, abgeschnittenen Text und Tabellen, die überlaufen.
Was er nicht zeigen kann
Er ist kein echtes Gerät. Die Browser-Engine wird nicht ausgetauscht, daher läuft eine iPhone-Größe hier trotzdem in deinem eigenen Browser. Funktionen, die vom User Agent oder der Touch-Hardware abhängen, können abweichen. Teste vor dem Launch auf echten Smartphones oder nutze den Geräte-Modus deines Browsers für mehr Details.
Warum manche Seiten leer bleiben
Viele Seiten senden X-Frame-Options oder eine frame-ancestors-Regel, die verhindert, dass sie in einer anderen Seite geladen werden. Findet das Tool solche Regeln, zeigt es stattdessen einen echten Screenshot in dieser Gerätegröße. So kannst du das Layout trotzdem prüfen, aber Links und Scrollen funktionieren nicht. Für Screenshots der ganzen Seite nutze das Tool Mobile-Website-Screenshot.
Sind die Gerätegrößen exakt?
Die Größen sind gängige Viewport-Werte in CSS-Pixeln, nicht die physische Auflösung. Echte Browser verlieren etwas Höhe durch ihre Leisten, betrachte die Werte deshalb als grobe Orientierung.
Auch gesucht als: responsive design checker, mobile website testen, website auf verschiedenen geräten testen, iphone simulator online, bildschirmgröße testen, ipad ansicht website, mobile ansicht website, responsive website test.
Passende Tools zu: Website-Geräte-Simulator
- Website-Screenshot-Tool — Gib eine URL ein und erhalte einen ganzseitigen Screenshot, aufgenommen in einem echten Chrome-Browser – in Desktop-, Tablet- oder Smartphone-Breite und mit bis zu 3× (Retina) Auflösung.
- Bildschirmauflösung — Deine Bildschirm- und Browserfenstergrößen in CSS-Pixeln, das Device Pixel Ratio und die echte physische Auflösung – live von deinem Browser gemessen.
- Touchscreen Test — Berühre den Bereich unten, um jeden Finger zu sehen, den dein Display erkennt.
- Seitengeschwindigkeits-Test — Starte Google Lighthouse für jede URL, mobil oder am Desktop.