Онлайн-отладчик последовательного порта

Основной API: Web Serial API

Инструмент построен на основе Web Serial API, который предоставляет JavaScript-интерфейсы для доступа к последовательным портам через браузер.

Основные функции:

• Собственный доступ браузера к последовательному порту без установки драйверов или плагинов
• Поддержка нескольких конфигураций последовательного порта (скорость передачи, биты данных, четность, стоповые биты, управление потоком)
• Двунаправленная передача данных с использованием Readable/Writable Streams
• Асинхронные операции на основе Promises и async/await

Шаги реализации

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;
  // Обработка полученных данных (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();

Используемые ключевые API

• navigator.serial.requestPort() - Запрос у пользователя выбора последовательного порта
• port.open(options) - Открытие последовательного порта с конфигурацией
• port.readable.getReader() - Получение reader потока чтения
• port.writable.getWriter() - Получение writer потока записи
• reader.read() - Чтение данных из последовательного порта
• writer.write(data) - Запись данных в последовательный порт
• TextDecoder / TextEncoder - Преобразование между строками и массивами байтов
• port.addEventListener('disconnect') - Прослушивание событий отключения устройства