> Faqs > Cómo saber qué navegadores incluye una configuración de browserslist determinada como >0.5%

Cómo saber qué navegadores incluye una configuración de browserslist determinada como >0.5%

Estoy configurando la compilación de mi Javascript con Babel y @babel/preset-env, usando valores de target como >0.5%.

Esta configuración la procesa browserslist por lo que tengo entendido, pero es un poco variable, porque con ese dato podría ser cualquier versión de los navegadores y no sé si sería justo lo que neceistase.

¿Cómo podría saber qué navegadores están incluidos en una configuración de browserslist tan variable como esa?

"browserslist": "> 0.5%, not dead"

También a veces tengo dudas sobre el formato de esa configuración, que no sé si la sintaxis estará bien. ¿Alguna ayuda?

Respuestas

Existe un comando de npx que te puede servir para debuggear una cadena de configuración para Browserslist.

Simplemente lanzas el comando siguiente:

npx browserslist '>0.5%, not ie 11, not op_mini all'

Necesitas tener nodejs y npm instalado en el sistema pero no hace falta nada más, si requiere browserlist se instalará por el camino, ya que npx descarga todo lo necesario para ejecutarse directamente en el sistema.

Ese comando te mostrará una lista de navegadores y sus versiones a partir de las que sería compatible el bundle. Ssería algo como esto:

chrome 91
chrome 90
chrome 89
edge 90
firefox 88
ios_saf 14.5-14.6
ios_saf 14.0-14.4
ios_saf 13.4-13.7
safari 14.1
safari 14
samsung 14.0

Quizás esa lista vaya cambiando, a medida que los navegadores van aumentando o las cuotas de uso evolucionando en el mercado de los navegadores. Así que la salida no tiene que ser siempre como esa, sino como corresponda en el momento que se ejecute el comando.

Camila
276 9 16 5

Como sugerencia, antes de hacer la comprobación de los navegadores que soporta una cadena de Browserlist, puedes hacer una actualización de la base de datos de navegadores, con este comando:

npx browserslist@latest --update-db

Luego compruebas los navegadores que tocan con el comando que se ha comentado antes.

npx browserslist 'last 1 version'
Agustín
93 1 5 6
Muchas gracias por tu aporte!!