Comprobador de compatibilidad de navegadores
Consulta cualquier función de la plataforma web, desde CSS Grid y :has() hasta fetch, dialog o WebP, y ve de un vistazo qué versiones de los navegadores la admiten, cuáles necesitan un prefijo o una opción experimental y qué porcentaje de usuarios en todo el mundo puede usarla hoy. Los datos proceden de la base de datos abierta Can I use.
Última actualización:
Cómo usar Comprobador de compatibilidad de navegadores
- Escribe una función, como grid, flexbox gap, :has, fetch, dialog, avif o service worker.
- Acota el tipo con los filtros CSS, JavaScript y API, HTML o SVG si obtienes muchos resultados.
- Haz clic en una función de la lista (o pulsa Comprobar compatibilidad para abrir la mejor coincidencia).
- Lee el resumen: la primera versión compatible de cada navegador, la compatibilidad global y lo que hace tu propio navegador.
- Revisa las notas sobre compatibilidad parcial y problemas conocidos, y luego copia el resumen o comparte el enlace de la página.
Cómo leer la tabla de compatibilidad
| Marca | Significado | Qué hacer |
|---|---|---|
| Compatible (verde) | Funciona en ese rango de versiones sin cambios | Úsala con normalidad |
| Parcial (ámbar) | Implementación incompleta o antigua | Lee la nota numerada; prueba las partes de las que dependes |
| No compatible (rojo) | La función no está disponible | Ofrece una alternativa o un polyfill |
| Requiere prefijo (subrayado naranja) | Solo funciona con -webkit-, -moz- o similares | Añade la versión con prefijo o usa una herramienta como Autoprefixer |
| Tras una opción experimental (rayado) | Desactivada por defecto, experimental | Considérala no compatible para los visitantes reales |
| Actual / Futura | Con contorno, la versión actual; con línea discontinua, las próximas versiones | Planifica con antelación las funciones que llegarán pronto |
Cómo usar funciones nuevas con seguridad
- Mejora progresiva. Crea primero una base que funcione y luego añade la función nueva para los navegadores que la admitan.
- Consultas de funciones CSS. Envuelve el CSS nuevo en
@supports (display: grid) { … }para que los navegadores antiguos simplemente lo ignoren. - Detección de funciones en JavaScript. Comprueba antes de llamar:
if ('IntersectionObserver' in window) { … }en lugar de analizar el user agent. - Conoce a tu público. La compatibilidad global es un promedio; tus estadísticas pueden mostrar más iPhone antiguos o navegadores corporativos que el promedio mundial.
- Prueba en dispositivos reales. Las tablas de compatibilidad indican lo que está implementado, no todos los errores; en particular, conviene comprobar Safari para iOS en un teléfono.
Preguntas frecuentes
¿De dónde salen los datos de compatibilidad?
De Can I use (caniuse.com), la base de datos abierta de compatibilidad que mantienen Alexis Deveria y sus colaboradores bajo la licencia CC BY 4.0. La herramienta descarga el archivo publicado de la base de datos desde una CDN pública y lo consulta en tu navegador. Los porcentajes de uso global son estimaciones basadas en las estadísticas de navegadores de StatCounter.
¿Qué significa compatibilidad parcial?
Compatibilidad parcial significa que el navegador implementa solo una parte de la función, una versión anterior de la especificación o que tiene limitaciones importantes. Las notas numeradas bajo la tabla explican exactamente qué falta en cada versión del navegador.
¿Qué significan las marcas de prefijo y de opción experimental?
Una marca de prefijo indica que la función solo funciona con un prefijo de fabricante, como -webkit- o -moz-, en esa versión. Una marca de opción experimental (flag) indica que está implementada pero desactivada por defecto y que hay que activarla en los ajustes experimentales del navegador, así que los visitantes normales no pueden usarla.
¿Cómo se calcula el porcentaje de compatibilidad global?
Suma la proporción estimada de todos los usuarios de la web cuya versión del navegador admite por completo la función, más la proporción con compatibilidad parcial. Una función con un 95% o más suele poder usarse con seguridad con una alternativa sencilla para el resto.
¿Por qué los navegadores móviles aparecen con una sola versión?
Can I use solo sigue la versión actual de algunos navegadores móviles, como Chrome y Firefox para Android, porque se actualizan automáticamente y las versiones antiguas tienen muy poco uso.
¿Es lo mismo que el comprobador de funciones del navegador?
No. El comprobador de funciones del navegador prueba lo que tu propio navegador puede hacer ahora mismo. Este comprobador de compatibilidad muestra el soporte en todos los navegadores y versiones principales, que es lo que necesitas para decidir si una función se puede usar con seguridad en un sitio web.
¿Qué tan actualizados están los datos?
La página carga una versión publicada concreta de la base de datos Can I use, y su fecha de actualización aparece bajo la tabla. Las nuevas versiones de los navegadores aparecen después de que se actualice la base de datos, así que consulta caniuse.com para las funciones que hayan cambiado en las últimas semanas.
¿Se prueban todas las herramientas de FreeToolCabin para comprobar su calidad y precisión?
Sí. Cada herramienta del sitio pasa pruebas automáticas en navegadores reales para comprobar que el resultado es correcto y que no hay errores. Si encuentras un fallo o tienes una sugerencia, escríbenos a [email protected] y lo revisaremos.