Responsive-Vorschau

In der externen Browser-Vorschau von Zeta Producer können Sie das responsive Verhalten und die Darstellung Ihrer Website auf mobilen Endgeräten (Tablet, Smartphone) testen.


1. Externe Browser-Vorschau öffnen

Öffnen Sie als erstes die externe Browser-Vorschau über das Programmmenü "Website | Vorschau". Ihre ausgewählte Seite öffnet sich nun in der Desktop-Ansicht in Ihrem eingestellten Standard-Browser, zum Beispiel Google Chrome.

Unten im Browser-Fenster sehen Sie auf der Seite nun die Auswahl "Desktop - Tablet - Smartphone".


2. Tablet-Ansicht auswählen

Klicken Sie nun auf die Auswahl "Tablet". Die Ansicht der Vorschau ändert sich nun zu einer Tablet-Form und Sie können die Darstellung Ihrer Seite entsprechend prüfen.

Hinweis: Ein erneuter Klick auf die Auswahl "Tablet" wechselt zwischen der Portrait- und Landscape-Ansicht.


3. Smartphone-Ansicht auswählen

Möchten Sie prüfen, wie Ihre Website auf einem Handy aussieht, dann klicken Sie einfach auf die Auswahl "Smartphone". Die Ansicht der Vorschau ändert sich nun entsprechend.

Hinweis: Auch hier wechselt ein erneuter Klick auf die Auswahl "Smartphone" zwischen der Portrait- und Landscape-Ansicht.


Hinweis bei Verwendung der Browser-Developer-Tools

Jeder moderne Browser enthält die sog. Developer-Tools, mit deren Hilfe Sie u.a. auch die responsive Darstellung der geöffneten Seite auf Tablets oder Smartphones prüfen können.

Ist jedoch die Responsive-Vorschau von Zeta Producer in Ihrem externen Browser geöffnet, dann kann es bei der Prüfung mit Hilfe der Developer-Tools zu fehlerhaften Darstellungen kommen. Um dies zu vermeiden können Sie in der Adresszeile des Browers einfach die Parameter ?responsivepreview=desktop entfernen. Die Prüfung der responsiven Darstellung mit Hilfe der Developer-Tools funktioniert dann problemlos.


Video-Anleitung