CoderTools

Débogueur de port série en ligne

Outil de débogage série basé sur navigateur - aucun téléchargement requis, surveillance en temps réel via Web Serial API

Connexion

Statut: Déconnecté

Moniteur de données

Envoyer des données

Intervalle (ms):

Statistiques

0
Octets envoyés
0
Octets reçus
00:00:00
Temps de connexion
0
Débit de données (B/s)

Documentation du débogueur de port série

Comment utiliser cet outil

  1. Connectez votre appareil série à l'ordinateur
  2. Configurez les paramètres de connexion (débit en bauds, bits de données, parité, bits d'arrêt)
  3. Cliquez sur "Connecter" pour établir la connexion série
  4. Surveillez les données reçues en temps réel
  5. Envoyez des données au format texte ou HEX
  6. Utilisez l'historique d'envoi pour répéter les commandes précédentes
  7. Consultez les statistiques de connexion et le débit de données

Paramètres de connexion

Débit en bauds
Vitesse de transmission des données (bits par seconde)
Bits de données
Nombre de bits par trame de données (5-8)
Parité
Méthode de détection d'erreur (Aucune, Paire, Impaire)
Bits d'arrêt
Indicateurs de fin de trame (1 ou 2)

Principes de mise en œuvre

Cet outil est implémenté à l'aide de l'API Web Serial, une interface de navigateur moderne qui permet aux applications Web de communiquer directement avec les périphériques série. Voici les détails de mise en œuvre principaux :

API principale : Web Serial API

L'outil est construit sur l'API Web Serial, qui fournit des interfaces JavaScript pour accéder aux ports série via le navigateur.

Fonctionnalités principales :

  • Accès natif au port série du navigateur sans installer de pilotes ou de plugins
  • Prise en charge de plusieurs configurations de port série (débit en bauds, bits de données, parité, bits d'arrêt, contrôle de flux)
  • Communication de données bidirectionnelle utilisant Readable/Writable Streams
  • Opérations asynchrones basées sur Promises et async/await

Étapes de mise en œuvre

1. Demander l'accès au port série
const port = await navigator.serial.requestPort();

Utilisez navigator.serial.requestPort() pour inviter l'utilisateur à sélectionner un périphérique de port série. Cela nécessite une interaction de l'utilisateur pour garantir la sécurité.

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

Appelez la méthode port.open() avec des paramètres de configuration incluant le débit en bauds, les bits de données, la parité, les bits d'arrêt et le contrôle de flux.

3. Lire les données
const reader = port.readable.getReader();
while (true) {
  const { value, done } = await reader.read();
  if (done) break;
  // Traiter les données reçues (Uint8Array)
  const text = new TextDecoder().decode(value);
}

Obtenez un reader depuis port.readable et utilisez une boucle asynchrone pour lire continuellement les données. Les données reçues sont au format Uint8Array et doivent être décodées à l'aide de TextDecoder.

4. Envoyer des données
const writer = port.writable.getWriter();
const encoder = new TextEncoder();
const data = encoder.encode('Hello Serial!');
await writer.write(data);

Obtenez un writer depuis port.writable, utilisez TextEncoder pour convertir les chaînes en Uint8Array, puis appelez writer.write() pour envoyer les données.

5. Fermer la connexion
await reader.cancel();
await reader.releaseLock();
await writer.releaseLock();
await port.close();

Avant de fermer, libérez les verrous du reader et du writer, puis appelez port.close() pour fermer la connexion du port série.

API clés utilisées

  • navigator.serial.requestPort() - Demander à l'utilisateur de sélectionner un port série
  • port.open(options) - Ouvrir le port série avec configuration
  • port.readable.getReader() - Obtenir le reader du flux de lecture
  • port.writable.getWriter() - Obtenir le writer du flux d'écriture
  • reader.read() - Lire les données du port série
  • writer.write(data) - Écrire des données sur le port série
  • TextDecoder / TextEncoder - Convertir entre chaînes et tableaux d'octets
  • port.addEventListener('disconnect') - Écouter les événements de déconnexion du périphérique

Fonctionnalités principales

API Web Serial

Accès direct aux ports série via le navigateur sans logiciel supplémentaire

Surveillance en temps réel

Surveillance des données en direct avec horodatage et défilement automatique

Mode HEX

Envoi et réception de données au format hexadécimal avec validation

Historique d'envoi

Suivi et relecture des commandes précédemment envoyées

Statistiques

Surveillance des taux de transmission de données et du temps de connexion

Multilingue

Support pour le chinois, l'anglais, le japonais, le français et l'espagnol

Cas d'utilisation courants

Développement et débogage

  • Développement Arduino et ESP32
  • Débogage de systèmes embarqués
  • Développement et test de firmware
  • Configuration d'appareils IoT

Test et communication

  • Test de commandes AT pour modems
  • Surveillance de données de capteurs
  • Analyse de protocoles et débogage
  • Communication avec appareils industriels

Support de navigateur et exigences

Navigateurs supportés

  • Chrome 89+
  • Edge 89+
  • Firefox (non supporté)
  • Safari (non supporté)

Exigences

  • Navigateur basé sur Chromium avec support de l'API Web Serial
  • Connexion HTTPS (requise pour l'API Web Serial)
  • Permission utilisateur pour accéder aux ports série
  • Pilotes d'appareils série compatibles installés

Standards et spécifications connexes

RS-232: RS-232 : Standard de communication série classique définissant les caractéristiques électriques et les spécifications de connecteur
UART: UART : Récepteur-transmetteur asynchrone universel, le protocole central pour la communication série
USB-to-Serial: USB-to-Serial : Méthode de conversion série commune dans les appareils modernes

Pour plus d'informations : Documentation des standards de protocole Wikipedia RS-232, UART

Menu Rapide

Aucun outil récent