Test de Compatibilidad de Navegador

Qué hace

Audita tu navegador real contra 30 capacidades web modernas - WebGPU, WebGL 2, WebAssembly (SIMD, threads), Service Workers, OPFS, WebAuthn, View Transitions, Popover API, y más - agrupadas en 8 categorías: Graphics, Compute, Storage, Connectivity, Media, Sensors, Security y Platform. Cada comprobación lleva un peso (1-3), y los resultados se agregan en una puntuación de preparación ponderada 0-100 con una etiqueta de nivel, desde Fully modern (90+) hasta Legacy browser (por debajo de 35).

La detección tiene tres niveles: las comprobaciones pasivas de presencia de API se ejecutan automáticamente al cargar; las pruebas en vivo (20 comprobaciones llevan un chip demo) ejecutan la capacidad de verdad - renderizan un degradado en canvas, dibujan un triángulo WebGPU, validan un módulo WASM SIMD, escriben en IndexedDB/OPFS; y 8 acciones disparables (Camera, Microphone, Geolocation, Clipboard, Notifications, Vibrate, Fullscreen, Web Share) te permiten disparar tú mismo APIs reales protegidas por permiso. Todo se ejecuta 100% en el cliente - nada sale de tu navegador y los resultados no se almacenan.

Cómo usarlo

1. Abre la herramienta - el escaneo empieza automáticamente, revelando las 30 comprobaciones fila a fila (~55 ms cada una) con la etiqueta del navegador (obtenida de tu user agent) sobre el resumen.
2. Lee el medidor: la puntuación de preparación ponderada, más los conteos de comprobaciones soportadas / limitadas / requieren-HTTPS / no soportadas.
3. Pulsa cualquier fila para desplegarla: la explicación de una línea, una nota de detalle por navegador cuando existe (p. ej. prefijo del fabricante, valor medido) y un fragmento JS de detección copiable como !!document.createElement('canvas').getContext('webgl').
4. En una fila con chip demo, pulsa ▶ Run live test para ejecutar la capacidad de verdad. El resultado se muestra como works, failed o n/a, con detalle como el nombre de la GPU o el tamaño del canvas renderizado.
5. Usa Show all snippets para desplegar todas las filas de golpe, Re-run scan para volver a detectar desde cero, o Copy share link para copiar la URL actual con tus resultados codificados dentro.
6. Baja a Trigger an action y pulsa cualquiera de los 8 botones - Device (Camera, Microphone), Permission (Geolocation, Clipboard, Notifications), Output (Vibrate, Fullscreen, Web Share). Tu navegador puede pedirte permiso; cada botón informa de éxito, denegado, no disponible o error.

Ejemplos

Puntuación ponderada (verificada contra el módulo de puntuación, src/tools/browser-support/score.ts) - las contribuciones por estado son supported = 1.0, limited = 0.5, needs-HTTPS = 0.3, unsupported/unknown = 0, cada una multiplicada por el peso de la comprobación:

All 30 checks supported                        → score 100
All supported except WebGPU (weight 3)         → score 95
All supported except Canvas 2D (weight 2)      → score 96
WebGPU reported "limited" instead of supported → score 97
WebGPU reported "needs-https"                  → score 96
WebGPU unknown                                 → score 95

Con solo WebGPU sin soportar, el desglose por categorías lee Graphics 70 (4/5 soportadas), y 100 para Compute, Storage, Connectivity, Media, Sensors, Security, Platform.

Enlaces para compartir (verificados contra src/tools/browser-support/share.ts) - tras un escaneo, el informe se empaqueta (un carácter por comprobación en orden de catálogo: s soportada, l limitada, h requiere-HTTPS, x no soportada, ? desconocida), se codifica en JSON y luego en base64url dentro del parámetro URL ?r=. El informe de 30 comprobaciones anterior se empaqueta como sssxssssssssssssssssssssssssss y se codifica en una cadena ?r= de 116 caracteres; decodificarla reproduce los estados exactos, la puntuación y la etiqueta del navegador. Abrir un enlace compartido reproduce el informe guardado en lugar de volver a escanear tu navegador.

Buen saber

• Privado: la detección, las pruebas en vivo y las acciones se ejecutan en tu navegador. No se sube ningún resultado; el enlace para compartir solo funciona porque los datos viven en la propia URL.
• “Requiere HTTPS” significa que la API existe pero está restringida a contextos seguros - la herramienta lo marca por debajo de “limitada” porque no puedes construir sobre ella desde tu contexto actual.
• Las pruebas en vivo y las acciones son la capa honesta: la presencia de una API puede mentir (un fabricante puede enviar un stub), pero un triángulo WebGPU renderizado o una escritura real en IndexedDB no.
• La puntuación de preparación pondera más las capacidades fundamentales (WebAssembly, WebGPU, Service Workers pesan 3), así que carecer de una novedad moderna cuesta menos que carecer de una base.
• Herramientas relacionadas: Browser Fingerprint Viewer, Permissions-Policy Builder, Security Headers Analyzer