Herramientas de desarrollo

Consulta Browserslist

Consulta versiones concretas y compara dos listas. Abre la explicación para ver el efecto de cada condición.

consulta Browserslist

Consulta A

Versiones de destino

Introduce una consulta en A.

Las consultas se procesan en tu navegador, sin enviarlas ni guardarlas.

Opciones y datos

Solo texto de consulta. Separa condiciones con comas o nuevas líneas; # inicia un comentario.

Por entrada: 10 000 caracteres y 100 condiciones. Límite del worker: 5 segundos.

Instantánea global incluida, no tráfico en directo ni audiencia de tu sitio. Recargar no actualiza la base.

Browserslist 4.28.9 · caniuse-lite 1.0.30001810 · Baseline 2.11.21

Resolviendo destinos…

Antes de modificar la configuración Browserslist, conviene revisar qué navegadores compatibles quedan dentro del objetivo. Una consulta Browserslist permite detectar si una coma añade una familia entera o si and reduce todo el conjunto acumulado.

Se conservan los identificadores y rangos del motor oficial. Cuando el equipo local, la CI y una herramienta web discrepan, compara también las versiones de sus datos. Dos porcentajes parecidos pueden corresponder a conjuntos distintos de versiones de navegadores.

Revisa una consulta Browserslist antes de cambiarla

Sigue cada cambio del conjunto

La explicación de la consulta Browserslist muestra el total tras cada condición. La coma y or unen coincidencias, and calcula la intersección con todo lo anterior y not excluye versiones. defaults también muestra las reglas que contiene.

Una secuencia de filtros incorpora tarjetas de navegadores y retira las tarjetas excluidas.

Comprueba qué versiones entran y salen

Coloca la regla actual en A y la propuesta en B. Las incorporaciones están solo en B, las eliminaciones solo en A y las comunes en ambas. Se compara el identificador completo con su versión, sin dividir artificialmente los rangos de Safari.

Dos grupos de tarjetas de navegadores comparten el centro y conservan sus diferencias a los lados.

Aclara tres supuestos antes de guardar

01

Extrae las condiciones del entorno correcto

Admite consultas separadas por comas o saltos de línea, con comentarios desde #. Un and u or al final continúa en la siguiente línea con contenido. No pegues todo package.json ni las cabeceras de entorno: elige primero las consultas que necesitas.

02

Define la dirección del cambio

A empieza con defaults. Activa la comparación para ver B, inicialmente last 2 versions. Añadidas significa B menos A; eliminadas, A menos B. Los recuentos son pares de navegador y versión, no puntos porcentuales de cobertura.

03

Exporta un resultado actualizado

El análisis automático espera 350 ms. Desactívalo para usar el botón o Ctrl/Cmd + Enter. Al editar se bloquea inmediatamente la exportación. La pantalla muestra lotes de 50, pero el JSON incluye el informe completo.

Sintaxis, versiones y procedencia en un informe

Selección del motor oficial

Alias, rangos, últimas versiones, ESR, umbrales globales, cover y el mapa Baseline incluido se resuelven con el analizador oficial. Las operaciones siguen el orden escrito; and no se agrupa antes que or como en una expresión booleana habitual.

Explicación asociada a la entrada

Despliega A o B para ver cada condición original, su línea, la operación y el total acumulado. defaults muestra su expansión. La explicación describe la selección de versiones, no una prueba de todas las funciones de cada navegador.

JSON con versiones de referencia

El informe guarda las consultas originales y normalizadas, todos los objetivos, pasos, diferencias, cobertura global, tres versiones de dependencias y la hora de ejecución. Esa hora no es la fecha de publicación de las estadísticas.

Errores explícitos y cambios reversibles

Las versiones desconocidas y condiciones no disponibles generan errores. Cargar el ejemplo o vaciar las entradas muestra primero una vista previa y el número de caracteres. Tras aplicar, puedes deshacer una vez y recuperar entradas e informe anterior.

Alcance y límites de la selección

La cobertura procede de una instantánea
Se usa la estadística mundial de caniuse-lite incluida en la página. No es tráfico en directo ni la audiencia de tu sitio. Recargar no actualiza la base. Compara las versiones mostradas; las reglas de fecha relativa también dependen del reloj del dispositivo.
Sin archivos ni estadísticas externas
Se rechazan extends, browserslist config, JSON, secciones de entorno, países y estadísticas propias. Pega consultas de texto del entorno elegido. No se buscan archivos del proyecto ni se descargan paquetes de configuración o datos de analítica.
Solo objetivos de navegador
Se rechazan Node.js, Electron y current node. Las consultas supports tampoco están disponibles en esta compilación para navegador. Baseline usa su mapa incluido, pero una lista no demuestra que el sitio, CSS, JavaScript o los polyfills funcionen en dispositivos reales.
La granularidad de la base importa
Una versión desconocida es un error; el historial móvil no se sustituye por el de escritorio. ios_saf 15.6-15.8 es un rango registrado, no una lista detallada de parches. El valor especial all corresponde a Opera Mini.
Límites y conjuntos vacíos
Cada entrada admite 10 000 caracteres y 100 condiciones; el worker se detiene tras cinco segundos. Una intersección vacía válida se puede exportar. Vaciar A elimina el informe; B debe contener una consulta si la comparación está activada.

Dudas sobre la consulta Browserslist

¿Cómo veo los navegadores que selecciona mi configuración?

Copia en A las condiciones del entorno deseado. Para comprobar la búsqueda real de archivos y la selección del entorno, ejecuta npx browserslist dentro del proyecto. Aquí una consulta Browserslist explícita permite guardar el resultado junto con las versiones de datos mostradas.

¿Qué ocurre si no hay configuración?

La CLI recurre a defaults cuando no encuentra configuración. Esta página lo rellena expresamente: > 0.5%, last 2 versions, Firefox ESR, not dead. Si borras la entrada, la herramienta queda vacía y no vuelve a aplicar ese valor de forma silenciosa.

¿Conviene actualizar regularmente la base de navegadores?

Usa el procedimiento actual de update-browserslist-db en tu proyecto y revisa los cambios del archivo de bloqueo y de los objetivos. Los datos de esta página solo cambian con una nueva compilación. Un informe con versiones ayuda a explicar diferencias posteriores.

¿Por qué falla not and_uc all?

all es un valor especial de Opera Mini, no un comodín para cualquier navegador. Para excluir UC Android puedes usar defaults, not and_uc > 0. Antes de not tiene que existir una consulta positiva que forme el conjunto del que se retiran coincidencias.

¿Por qué last 2 versions puede incluir navegadores antiguos?

Selecciona las últimas versiones de cada familia registrada, no los dos navegadores más nuevos en conjunto. Las familias abandonadas y los historiales móviles escasos pueden sorprender. Compara la lista con una regla que incluya not dead; los ejemplos de incidencias antiguas quizá ya no se reproduzcan.

¿Por qué una versión de parche de iOS no da el resultado esperado?

Can I Use suele agrupar versiones de iOS en rangos. ios >= 15.7.2 no crea registros de parches inexistentes. Revisa los rangos ios_saf devueltos, usa versiones presentes en la base y verifica aparte los dispositivos que necesitas soportar.

¿Un resultado inesperado?

Revisa el próximo cambio de configuración

Deja la consulta Browserslist actual en A y la propuesta en B. Comprueba incorporaciones y eliminaciones antes de exportar.