Serial Terminal: кастомный веб-терминал для последовательного порта на Web Serial API

от автора

Web Terminal

Web Terminal

Полностью браузерный терминал для работы с последовательными портами (COM-портами). Приложение не требует установки, работает прямо в Chrome или Edge, и при этом поддерживает все необходимые фичи для отладки микроконтроллеров, общения с сетевым железом или просто мониторинга UART-трафика.

https://github.com/GidroByte/web-serial-terminal-ru

Весь код одним файлом. Не требует компиляции и сборки, легко править обычным блокнотом — открыл и работаешь.

Быстрое подключение к порту

Не нужно узнавать номер COM-порта в диспетчере устройств и вводить его вручную. Просто нажмите «Подключить» — браузер сам покажет список всех доступных последовательных портов. Выберите нужный, и терминал готов к работе.

Всплывающее окно при подключении в браузере Chrome

Всплывающее окно при подключении в браузере Chrome

Адаптивная вёрстка

Интерфейс перестраивается под ширину экрана. Можно сжать окно браузера в узкую вертикальную панель и разместить с краю монитора — боковая панель с настройками превратится в выезжающее меню, а вывод терминала займёт почти всё пространство. Удобно, когда параллельно идёт работа в среде разработки или другом терминале.

Слева широкая версия, справа сжатая "мобильная"

Слева широкая версия, справа сжатая «мобильная»

Кастомизация

Это простой HTML/CSS/JS-файл, не требующий сборки или компиляции. Вы можете подогнать его под себя без специальных знаний:

  • Изменить настройки по умолчанию (скорость, биты данных, чётность) — просто отредактируйте атрибуты selected в тегах <select>.

  • Переместить, скрыть или перекрасить любую кнопку или блок статистики — все стили лежат в одном <style>.

  • Добавить собственные макросы отправки или изменить поведение чекбоксов — вся логика в единственном <script>, редактируется в блокноте.

P.S. Идея возникла как-то сама, я просто увидел как ловко браузер подключается к COM-порту. Дабы это не прокисло у меня на рабочем столе делюсь со всеми желающими

ссылка на оригинал статьи https://habr.com/ru/articles/1039272/