Responsive-Design-Testtool

Der Responsive-Design-Tester zeigt, wie eine Website bei verschiedenen Bildschirmgrößen aussieht. Geben Sie eine URL ein, wählen Sie ein Geräte-Profil wie Handy, Tablet oder eine Desktop-Auflösung, oder legen Sie Breite und Höhe selbst fest, und die Seite wird in einem passenden Rahmen gerendert. Sie können Hoch- und Querformat wechseln und sofort drehen. So prüfen Sie ein Layout schnell an gängigen Breakpoints, ohne Ihr Browserfenster zu verändern.

1. Geben Sie die URL der Website ein und klicken Sie auf Laden 2. Wählen Sie ein Geräte-Profil, oder wählen Sie Benutzerdefiniert und geben Sie Breite und Höhe ein 3. Wechseln Sie bei Profilen zwischen Hoch- und Querformat, oder nutzen Sie Drehen 4. Verfolgen Sie, wie die Seite in diesem Rahmen gerendert wird

Die Profile decken gängige Größen von einem kleinen Handy bis zu einem Full-HD-Desktop ab und passen zu den Breakpoints, auf die die meisten Layouts zielen. Verwenden Sie Benutzerdefiniert, wenn Sie eine genaue Pixelgröße brauchen, die nicht in der Liste steht. Einige Websites verweigern die Einbettung und zeigen einen leeren Rahmen — das ist eine Sicherheitseinstellung der Seite, kein Problem des Werkzeugs. Seiten, die Einbettung erlauben, werden vollständig und interaktiv gerendert.