Qu'est-ce que l'API Web ?

L'API Web (ou API du navigateur) est une collection d'interfaces intégrées aux navigateurs web modernes qui permettent à JavaScript d'interagir avec les fonctionnalités du navigateur, le matériel et le système d'exploitation. Les exemples incluent l'API Fetch pour les requêtes réseau, l'API Geolocation pour les coordonnées GPS, WebGL pour les graphiques 3D, l'API Clipboard pour copier/coller, et des centaines d'autres. Chaque API est définie par les organismes de normalisation du web tels que le W3C et le WHATWG, et les éditeurs de navigateurs les implémentent à leur propre rythme.

Comme le support des navigateurs varie considérablement — certaines API sont universellement supportées, d'autres sont expérimentales ou spécifiques aux éditeurs — les développeurs doivent souvent vérifier quelles API sont réellement disponibles dans un navigateur donné avant de les utiliser. La détection de fonctionnalités (vérifier si une API existe sur window avant de l'appeler) est l'approche standard.

Description de l'outil

Cet outil teste quelles API Web sont disponibles dans votre navigateur actuel en temps réel. Il combine la détection de navigateur en direct avec les données de compatibilité des navigateurs de MDN pour vous donner une vue complète des API supportées, de la version dans laquelle elles sont devenues disponibles, et si certaines sont encore expérimentales.

Fonctionnalités

  • Détection en direct : Teste chaque API par rapport à l'objet window réel de votre navigateur et signale instantanément l'état supporté, non supporté ou inconnu
  • Données de compatibilité MDN : Affiche la version minimale de Chrome, Firefox, Safari et Edge qui supporte chaque API, provenant du package officiel @mdn/browser-compat-data
  • Marquage des API expérimentales : Marque clairement les API qui sont encore expérimentales ou derrière des drapeaux de fonctionnalités
  • Testeur d'expressions personnalisées : Entrez n'importe quelle expression JavaScript pour l'évaluer en direct dans votre navigateur et voir le résultat ou l'erreur
  • Filtrage et recherche : Filtrez par statut de support (supporté/non supporté/inconnu) et recherchez par nom d'API pour trouver rapidement ce dont vous avez besoin

Comment ça marche

L'outil charge une liste d'entrées d'API Web à partir du package MDN Browser Compat Data au moment de la compilation. Lorsque vous ouvrez la page, il évalue chaque nom d'API en tant que propriété de l'objet global window — si la propriété existe et n'est pas nulle, l'API est marquée comme supportée. Les données de version MDN sont pré-chargées et affichées aux côtés du résultat de détection en direct.

Conseils

  • Utilisez le filtre de statut pour afficher uniquement les API supportées dans votre navigateur — utile pour auditer ce qui est disponible avant d'écrire du code.
  • Utilisez le champ expression personnalisée pour tester des vérifications de fonctionnalités plus complexes, telles que typeof navigator.bluetooth !== 'undefined' ou 'serviceWorker' in navigator.
  • Les API expérimentales peuvent être disponibles dans certaines versions de navigateur mais pas dans les versions stables — consultez toujours la documentation MDN avant de les utiliser en production.