Das Vorschau-Panel zeigt deine Develop-Version — sie aktualisiert sich, wenn Webster Änderungen anwendet. Das ist noch nicht die öffentliche Production-Site, bis du veröffentlichst.
Develop-Vorschau (HMR)
Webster nutzt Hot Reload — die meisten Edits erscheinen in Sekunden:
- Layout und Texte aktualisieren sich automatisch
- Fehlgeschlagene Patches lassen die letzte funktionierende Vorschau stehen
- Formulare und Navigation sind in der Vorschau testbar
Wo nötig nutzt die Vorschau Beispieldaten (Demo-Produkte, Sample-User). Diese bleiben in Develop und werden beim Publish nicht nach Production kopiert.
Desktop und Mobile
Über der Vorschau wechselst du die Ansicht:
| Ansicht | Was du siehst |
|---|---|
| Desktop | Volle Browser-Breite |
| Mobile | Handy-Rahmen für responsives Layout |
Bei Mobile-App-Projekten kann die Vorschau einen iPhone-Rahmen und Expo-Optionen fürs Gerät bieten.
Vorschau vs Production
- Vorschau = sicherer Sandbox zum Iterieren
- Production = live URL für Besucher nach Veröffentlichen
Vor dem Go-live Desktop und Mobile prüfen.
Details zu Mobile-App-Rahmen und Expo-Web-Vorschau: Mobile Apps.
Probleme
- Hängt bei Preparing / „Vorschau konnte nicht starten“ — zuerst Vorschau erneut versuchen (Claim + Sync). Das ist der unterstützte Heilweg.
- Leere Vorschau — nach Phasenende kurz warten; sonst erneut versuchen
- Alter Stand — Hard-Refresh nur als Cache-Tipp (veraltete Preparing-HTML); auch prüfen, ob nicht Production offen ist
- Fehler-Overlay — im Chat beschreiben; ggf. Undo & Redo