HTML5 Mobile

Viewport resizer: Responsive Webdesign testen


Bookmarklet

Viewport Resizer ist ein kleines Browser-Bookmarklet, das beim Testen und Betrachten von Websites mit Responsive Webdesign hilft.

Das Browser-Bookmarklet Viewport Resizer wird zuerst in der Lesezeichenleiste abgespeichert. Anschließend steht es fortan bereit, um die gerade geöffnete Website in verschiedene Größen darzustellen. Bei Aktivierung erscheint eine Werkzeugleiste mit verschiedene Device-Presets (Smartphone, Tablet, selbst definierte Pixelmaße, etc.) und Ausrichtungen (Hoch-/Querformat). Per Klick kann man zwischen den verschiedenen Ansichten wählen.

Viewport Resizer ersetzt natürlich den Test mit echten Devices nicht, stellt aber eine schnelle Möglichkeit, um Websites in verschiedenen Maßen anzuschauen. Und dies ganz ohne den Browser selbst in der Größe zu ändern.

Bookmarklet Responsive Webdesign
Geöffnete Website in der Smartphone-Ansicht

Link: Viewport Resizer

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

*

*