Online Serielle-Schnittstellen-Debugger

Kern-API: Web Serial API

Das Tool basiert auf der Web Serial API, die JavaScript-Schnittstellen für den Zugriff auf serielle Ports über den Browser bereitstellt.

Hauptfunktionen:

• Nativer Browser-Zugriff auf serielle Ports ohne Installation von Treibern oder Plugins
• Unterstützt mehrere serielle Port-Konfigurationen (Baudrate, Datenbits, Parität, Stoppbits, Flusskontrolle)
• Bidirektionale Datenkommunikation mit Readable/Writable Streams
• Asynchrone Operationen basierend auf Promises und async/await

Implementierungsschritte

const port = await navigator.serial.requestPort();

await port.open({
  baudRate: 9600,
  dataBits: 8,
  parity: 'none',
  stopBits: 1,
  flowControl: 'none'
});

const reader = port.readable.getReader();
while (true) {
  const { value, done } = await reader.read();
  if (done) break;
  // Empfangene Daten verarbeiten (Uint8Array)
  const text = new TextDecoder().decode(value);
}

const writer = port.writable.getWriter();
const encoder = new TextEncoder();
const data = encoder.encode('Hello Serial!');
await writer.write(data);

await reader.cancel();
await reader.releaseLock();
await writer.releaseLock();
await port.close();

Verwendete Schlüssel-APIs

• navigator.serial.requestPort() - Benutzer auffordern, einen seriellen Port auszuwählen
• port.open(options) - Seriellen Port mit Konfiguration öffnen
• port.readable.getReader() - Reader des Lesestreams abrufen
• port.writable.getWriter() - Writer des Schreibstreams abrufen
• reader.read() - Daten vom seriellen Port lesen
• writer.write(data) - Daten an seriellen Port schreiben
• TextDecoder / TextEncoder - Zwischen Zeichenfolgen und Byte-Arrays konvertieren
• port.addEventListener('disconnect') - Auf Gerätetrennungsereignisse hören