Website auf verschiedenen Bildschirmgrößen testen

Website auf verschiedenen Bildschirmgrößen testen: wofür es gut ist

Gib die Adresse ein und wähle die Geräte: kleines Handy (360 px), iPhone (390), großes Handy (430), Tablet (768), Notebook (1280) und Monitor (1440). Jeder Bildschirm öffnet die Seite in der echten Breite des Geräts, um die gewählte Skalierung verkleinert, und du kannst in jedem scrollen.

Funktioniert mit eigenen Websites und mit localhost. Websites, die blockieren, in anderen geöffnet zu werden, erscheinen weiß.

So geht’s

1. Gib die Adresse der Website ein.
2. Wähle die Geräte, die Skalierung und die Höhe.
3. Scrolle jeden Bildschirm und prüfe das Layout.

Wann nutzen

• Eine responsive Website vor der Veröffentlichung prüfen.
• Einem Kunden zeigen, wie die Website auf dem Handy aussieht.
• Websites in Entwicklung auf localhost testen.

Häufige Fragen

Warum erscheinen manche Websites nicht?

Viele große Websites (Google, Banken, soziale Netzwerke) verbieten, innerhalb einer anderen Website geöffnet zu werden, mit den Headern X-Frame-Options oder frame-ancestors, und der Bildschirm bleibt weiß. Eigene Websites erscheinen im Allgemeinen normal. Wenn sie nicht erscheint, nutze den Gerätemodus der Entwicklertools des Browsers (F12).

Ist die Vorschau identisch mit dem echten Handy?

Die Breite ist dieselbe, also ist das responsive Layout dasselbe. Aber der Browser bleibt der des Computers: Schriften, Scrollen, Touch und Handyfunktionen können anders sein. Teste vor der Veröffentlichung auch auf einem echten Gerät.

Funktioniert es mit Websites auf localhost?

Ja, wenn der lokale Server auf deinem Computer läuft und die Adresse mit http://localhost oder http://127.0.0.1 beginnt.

Ist das wirklich kostenlos?

Ja, 100% kostenlos. Ohne Anmeldung, ohne Abo und ohne Nutzungslimit. Alle Tools von Tools123 sind kostenlos.

Ähnliche Tools