Responsive Webdesign testen mit Viewport Resizer

Websites müssen heutzutage auf mobilen Geräten wie Smartphones und Tablets einwandfrei funktionieren. Wer sich schon immer mal auf die Schnelle eine Website in verschiedenen Bildschirmauflösungen anschauen wollte, um das Responsive Webdesign (RWD) zu testen, kann das mit Hilfe des kleinen Helferleins namens „Viewport Resizer“ machen.

Das Tool legt man sich einfach als Bookmarklet im Browser ab und ruft es beim Besuch einer Website auf. Die Website wird dann in einem „Rahmen“ geladen und es stehen diverse Bildshirmgrößen zur Simulation bereit.

viewport-resizerDer Screenshot zeigt unsere Website in der „Small Tablet“ Ansicht des Viewport Resizers. Am oberen Rand sieht man die Werkzeugleiste mit den verschiedenen Bildschirmgrößen, die man einfach per Klick auswählen kann.

Der Viewport Resizer ist ein tolles kleines Hilfsmittel, um Websites schnell auf Mobiltauglichkeit zu testen. Einen echten Gerätetest kann er natürlich nicht ersetzen.

Hier geht´s zum Viewport Resizer