search

Found

info Aperçu

Testez le moteur de vibration de votre smartphone dans le navigateur : boutons Court, Long, Battement de cœur et Signal SOS, plus un enregistreur de motifs.

📘 Mode d'emploi

  1. Vérifier l'état de « Compatibilité du navigateur » dans l'encadré en haut de l'outil.
  2. Maintenir « Maintenir pour vibrer » ou appuyer sur Court, Long, Battement de cœur ou Signal SOS, et le moteur vibre dès l'appui.
  3. Appuyer sur « Démarrer l'enregistrement », taper sur APPUYEZ ICI, appuyer sur « Arrêter et enregistrer », puis sur « Jouer le motif » pour tester la suite d'intervalles calculés.

Testeur de vibration

Compatibilité du navigateur :

📳 Test continu

⚡ Motifs standards

🎨 Enregistreur de motifs personnalisés

grid_view Similaires

Article

Testeur de Vibration Web ｜ Outil de diagnostic haptique pour développeurs

Ce testeur de vibration en ligne permet aux ingénieurs front-end et aux testeurs QA de diagnostiquer le fonctionnement de l'API Vibration d'HTML5 (navigator.vibrate) sur les terminaux mobiles. Il offre un environnement de test technique pour valider les retours haptiques des applications web progressives (PWA) et des interfaces interactives.

💡 Présentation de l'outil

  • Détection automatique de compatibilité L'outil vérifie la présence de l'interface vibrate dans l'objet navigator. Un avertissement apparaît quand le navigateur n'offre pas cette fonction. La pastille indique seulement si le navigateur fournit la fonction, pas si l'appareil possède un moteur de vibration.
  • Test continu (« Maintenir pour vibrer ») Une fonction de test d'endurance qui sollicite le moteur haptique tant que le pointeur ou le doigt maintient la pression. L'outil gère nativement l'appel asynchrone et interrompt le processus (navigator.vibrate(0)) au relâchement exact de l'événement tactile ou de la souris.
  • Diagnostic par motifs prédéfinis Exécution directe de tableaux de valeurs standardisés : impulsion courte (200ms), longue (1000ms), rythme cardiaque séquentiel ou signal de détresse SOS complexe, pour vérifier la réactivité du composant matériel face à des micro-pauses.
  • Générateur de séquences personnalisées Le pad APPUYEZ ICI enregistre l'horodatage (Date.now()) de vos pressions et relâchements. L'algorithme calcule les écarts (deltas en millisecondes) pour compiler à la volée un tableau d'entiers alternant durées d'activation et de latence, prêt à être exécuté par l'API.

🧐 Foire Aux Questions (FAQ)

Q. Pourquoi la vibration ne s'active-t-elle pas sur les appareils iOS (iPhone/iPad) ?

R. Conformément aux restrictions d'Apple liées à l'expérience utilisateur et à la gestion stricte de la batterie, le moteur WebKit de Safari sur iOS ne prend historiquement pas en charge l'API Vibration pour les sites web standard. Cet outil est conçu pour le débogage optimal sur les navigateurs basés sur Chromium (Chrome, Edge, Brave) sous Android.

Q. Comment les intervalles de vibration sont-ils structurés techniquement ?

R. L'API attend en paramètre un tableau d'entiers en millisecondes. Les indices pairs (0, 2, 4...) représentent la durée d'activation du moteur, et les indices impairs (1, 3, 5...) définissent le temps de pause. Par exemple, le tableau [200, 100, 500] généré par l'outil indique une vibration de 200ms, suivie d'une interruption stricte de 100ms, puis d'une nouvelle vibration de 500ms. Une valeur idéale pour un retour UI subtil (ex: clic sur un bouton) se situe généralement entre 15ms et 50ms.

📚 Le saviez-vous ? L'API Vibration et l'ingénierie front-end

Dans le développement web moderne, le retour haptique est un vecteur crucial pour l'accessibilité web (a11y) et l'ergonomie. Il permet de confirmer silencieusement à l'utilisateur qu'une action asynchrone (comme la soumission d'un formulaire ou la validation d'un panier) a été prise en compte par le DOM, réduisant ainsi la charge cognitive. L'utilisation de l'API Vibration s'inscrit dans une démarche d'enrichissement de l'expérience, comparable aux normes de conception matérielle européennes où le retour sensoriel est souvent exigé pour la sécurité.