Zum Inhalt springen
OpenChamber
↑↓Navigieren ↵Öffnen escSchließen

Vorschau & Dev-Server

Wenn du einen Dev-Server startest, kann OpenChamber ihn direkt in der App öffnen statt in einem separaten Browser-Tab — so siehst du deine Seite neben dem Chat und kannst auf Elemente zeigen, um danach zu fragen.

Einen Dev-Server öffnen

Öffne das Browser-Panel über die Globus-Schaltfläche in der Kopfzeile. Läuft bereits ein Dev-Server, steht er dort in der Liste und ein Klick öffnet ihn — OpenChamber findet ihn daran, was auf deinem Rechner tatsächlich lauscht, also unabhängig davon, wie du ihn gestartet hast.

Ein Dev-Server öffnet sich außerdem automatisch, wenn:

  • du im Terminal bei einer lokalen Adresse auf Vorschau öffnen drückst
  • eine Projektaktion mit aktiviertem Auto-Öffnen einen startet
  • du einem lokalen Link in einer Chat-Nachricht folgst

Du kannst die Adresse jederzeit selbst eintippen. Ein bloßes localhost:5173 wird als http:// verstanden, das Schema musst du also nicht mitschreiben.

Mit einem entfernten OpenChamber arbeiten

Läuft OpenChamber auf einem anderen Rechner, liegt sein Dev-Server ebenfalls auf jenem Rechner — localhost auf deinem Laptop führt ganz woandershin. Die Desktop-App erledigt das für dich: Sie öffnet einen lokalen Port, der die Verbindung zum entfernten Dev-Server durchreicht. Die Seite lädt ganz normal, mit funktionierendem Hot Reload und Entwicklerwerkzeugen. Du tippst weiterhin die Adresse, die du erwartest; die Technik dahinter bleibt dir aus dem Weg.

Dafür brauchst du die Desktop-App. In einem Browser-Tab lassen sich nur Dev-Server auf deinem eigenen Rechner öffnen.

Die Seite annotieren

Wie du auf Elemente zeigst, auf der Seite zeichnest und alles in den Chat schickst, steht unter Browser-Panel.

Verwandt