Het verkleinen van browservensters simuleert geen echte touch-interacties of mobiele browserkenmerken. GB Coder biedt een ontkoppeld popout-venster voor tweede monitoren en automatische QR-codegeneratie om direct op fysieke telefoons te testen.

1. De grenzen van desktopsimulatie voor mobiele websites

Desktopbrowsers tonen de breedte goed, maar simuleren geen touch-gevoeligheid of adresbalkverschuivingen in mobiele browsers. Testen op fysieke hardware voorkomt verrassingen.

2. Het previewvenster ontkoppelen in Popout-modus

Klik op "Popout Preview" in de werkbalk. Het voorbeeld opent in een los venster, ideaal voor een opstelling met twee schermen.

3. Bidirectionele synchronisatie in realtime

Via een actieve postMessage-verbinding worden HTML- en CSS-wijzigingen direct naar het losse venster gestuurd zonder dat je formulierinvoer verliest.

4. Direct testen op je smartphone via QR-codes

Klik op "Mobile Preview" om een QR-code te tonen. Scan deze met je camera om de pagina direct op je mobiele toestel te openen.

<!-- Standards-compliant responsive viewport meta tag -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
<style>
  /* Modern dynamic viewport sizing preventing mobile address bar jump */
  .hero-section {
    min-height: 100dvh;
    padding: clamp(1.5rem, 5vw, 4rem);
  }
</style>

5. Virtuele console voor mobiele foutopsporing

Foutmeldingen en console.log-berichten vanaf je smartphone worden automatisch teruggestuurd naar de desktopconsole in GB Coder.