Depurador de puerto serie en línea

API principal: Web Serial API

La herramienta está construida sobre la API Web Serial, que proporciona interfaces JavaScript para acceder a puertos serie a través del navegador.

Características principales:

• Acceso nativo al puerto serie del navegador sin instalar controladores o complementos
• Admite múltiples configuraciones de puerto serie (velocidad en baudios, bits de datos, paridad, bits de parada, control de flujo)
• Comunicación de datos bidireccional usando Readable/Writable Streams
• Operaciones asíncronas basadas en Promises y async/await

Pasos de implementación

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;
  // Procesar datos recibidos (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();

APIs clave utilizadas

• navigator.serial.requestPort() - Solicitar al usuario que seleccione un puerto serie
• port.open(options) - Abrir puerto serie con configuración
• port.readable.getReader() - Obtener reader del flujo de lectura
• port.writable.getWriter() - Obtener writer del flujo de escritura
• reader.read() - Leer datos del puerto serie
• writer.write(data) - Escribir datos en el puerto serie
• TextDecoder / TextEncoder - Convertir entre cadenas y matrices de bytes
• port.addEventListener('disconnect') - Escuchar eventos de desconexión del dispositivo