¿Qué es la Web API?

La Web API (o Browser API) es una colección de interfaces integradas en los navegadores web modernos que permiten que JavaScript interactúe con características del navegador, hardware y el sistema operativo. Los ejemplos incluyen la Fetch API para solicitudes de red, la Geolocation API para coordenadas GPS, WebGL para gráficos 3D, la Clipboard API para copiar/pegar, y cientos de otras. Cada API está definida por organismos de estándares web como W3C y WHATWG, e implementadas por los proveedores de navegadores a su propio ritmo.

Debido a que la compatibilidad del navegador varía ampliamente — algunas APIs son universalmente compatibles, otras son experimentales o específicas del proveedor — los desarrolladores a menudo necesitan verificar qué APIs están realmente disponibles en un navegador determinado antes de usarlas. La detección de características (verificar si una API existe en window antes de llamarla) es el enfoque estándar.

Descripción de la herramienta

Esta herramienta prueba qué Web APIs están disponibles en tu navegador actual en tiempo real. Combina la detección de navegador en vivo con datos de compatibilidad de navegadores de MDN para darte una vista completa de qué APIs son compatibles, en qué versión estuvieron disponibles por primera vez, y si alguna aún es experimental.

Características

  • Detección en vivo: Prueba cada API contra el objeto window de tu navegador actual e informa instantáneamente el estado compatible, no compatible o desconocido
  • Datos de compatibilidad de MDN: Muestra la versión mínima de Chrome, Firefox, Safari y Edge que admite cada API, obtenida del paquete oficial @mdn/browser-compat-data
  • Marcado de APIs experimentales: Marca claramente las APIs que aún son experimentales o están detrás de banderas de características
  • Probador de expresiones personalizadas: Ingresa cualquier expresión JavaScript para evaluarla en vivo en tu navegador y ver el resultado o error
  • Filtrado y búsqueda: Filtra por estado de compatibilidad (compatible/no compatible/desconocido) y busca por nombre de API para encontrar lo que necesitas rápidamente

Cómo funciona

La herramienta carga una lista de entradas de Web API del paquete MDN Browser Compat Data en tiempo de compilación. Cuando abres la página, evalúa cada nombre de API como una propiedad del objeto global window — si la propiedad existe y no es nula, la API se marca como compatible. Los datos de versión de MDN se precargan y se muestran junto al resultado de detección en vivo.

Consejos

  • Usa el filtro de estado para mostrar solo las APIs compatibles con tu navegador — útil para auditar qué está disponible antes de escribir código.
  • Usa el campo expresión personalizada para probar verificaciones de características más complejas, como typeof navigator.bluetooth !== 'undefined' o 'serviceWorker' in navigator.
  • Las APIs experimentales pueden estar disponibles en algunas compilaciones de navegador pero no en versiones estables — siempre verifica la documentación de MDN antes de depender de ellas en producción.