Uno de los mejores chistes sobre ser desarrollador web es que pasas el 20% de tu tiempo codificando. Y el 80% restante busca soluciones a sus problemas en Internet. Esto tampoco es terriblemente falso, aunque un poco hiperbólico. Gracias a herramientas como Puedo usar que el tiempo de búsqueda se puede reducir significativamente.
Suscríbete a nuestro canal de Youtube
¿Qué es lo que puedo usar?
Con esta herramienta, la cuestión de si cierta tecnología en su sitio es compatible con ciertos navegadores se presenta en un gráfico simple y fácil de leer que lo ayuda a tomar decisiones de diseño y desarrollo. Principalmente construido y mantenido por alexis deveria y diseñado por Escuela Lennart, Puedo usar es un proyecto de código abierto que cualquiera puede contribuir a incluso con tan poco esfuerzo como agregar información a una base de datos.
Usar la herramienta es simple. Simplemente buscando una propiedad, parámetro o función, caniuse.com le dirá exactamente qué navegadores y versiones admiten esta tecnología. Puedo usar también te permite conocer las variantes del inmueble que buscas. De esta manera, sabrá qué tipos de consultas de medios se atienden en qué navegadores.
Y en qué medida. Las tablas de compatibilidad también indican no sólo si el navegador soporta o no esta tecnología, sino también en qué medida, en el caso de compatibilidad parcial en algunas versiones.
¿Por qué debería usar CanIUse?
Bueno, para empezar, debe usarlo si desea brindar a sus clientes, clientes y visitantes la mejor experiencia posible. Cuando intenta decidir si debe usar efectos de desplazamiento, transparencia, clics de jquery o incluso cambio automático de modo oscuro.
Si construyes un sitio web con todas las campanas y silbatos que puedas imaginar mientras creas un hermoso diseño que es más un arte que una aplicación, has hecho algo increíble. Pero si su grupo demográfico principal todavía usa Internet Explorer 6 (estremecimiento), entonces no solo se desperdiciará su tiempo de diseño y desarrollo, sino que su sitio web se romperá por completo. Es posible que los visitantes ni siquiera puedan funcionar en los niveles más básicos.
Es cierto que la mayoría (pero desafortunadamente no todos) los visitantes usarán algo mucho más moderno que IE6. Sin embargo, la cantidad de navegadores utilizados es enorme. Tablet, teléfono móvil y ordenador de sobremesa en diferentes versiones. Y bueno, vale la pena echar un vistazo a si su nuevo sitio (o incluso su sitio existente) está sirviendo a los mejores intereses de su audiencia).
Cómo usar CanIUse
El flujo de trabajo del sitio es ridículamente simple y la interfaz de usuario es lo más fácil de leer posible.
Mirando la captura de pantalla anterior, puede escribir cualquier tecnología en el cuadro de búsqueda. Encontramos los mejores resultados utilizando la sintaxis específica utilizada en el código. Un término no semántico legible por humanos. Como en (1), prefiere un esquema de color en cambio CSS alterna el modo oscuro.
Descripción Puedo usar da (2) también se asegura de que si investiga una tecnología, pueda ver exactamente qué es, qué hace y cómo interactúa con ella. CASA.
Una de las partes más útiles. Puedo usar es Notas (3) en la parte inferior de cualquier entrada. Esta no es información técnica per se, sino más bien un recordatorio de que puede haber algunos problemas que no ve en el cuadro de revisión de colores.
Cuando pasa el cursor sobre una versión específica del navegador (por ejemplo, usemos el infame Internet Explorer 6), aparece una ventana emergente (4) viene con mucha información. El uso global total de esta versión, ya sea que los desarrolladores la admitan o no, y la capacidad de probar la tecnología con pila del navegador simulación. Esta última parte es importante. Ver cómo se procesan las funciones no compatibles puede mostrarle cómo solucionar este problema.
Y a veces notas (5) También le mostrará que cierto tipo de función ha sido descontinuada. En el ejemplo anterior, la consulta @media ha quedado obsoleta. Porque hay una consulta oscura/clara que funciona por sí sola.
¿Cómo encuentro los navegadores que usa tu audiencia?
Con todo esto en mente, puede ver qué navegadores son compatibles con la tecnología particular que desea utilizar. Pero, ¿cómo se aplica esto necesariamente a sus usuarios? Puede usar Google Analytics para profundizar en el navegador y el sistema operativo (SO) que usan sus visitantes para asegurarse de que sean lo más compatibles posible.
Primero, ve a Audiencia sección de la barra lateral izquierda. Luego expande Tecnología y haga clic navegador y sistema operativo.
Como puede ver, el desglose de usuarios y navegadores que utilizan para acceder a su sitio. En estos días, casi todos los sitios web estarán en la parte superior de Chrome y Safari. Chrome, ya que es el estándar entre los usuarios de escritorio (y por defecto en los dispositivos Android). Y Safari, porque los iPhones hacen esto por defecto. (Y macOS también).
Haciendo clic en el navegador (3) le permite ver qué versión (versiones puntuales literales) de navegadores están en uso. Si nota que hay muchas diferencias en las versiones a continuación. 12.x a 604.x. Esta es una gran brecha. Indica que hay una diferencia en el uso del sistema operativo. Así que haz clic Otro (4) y desplácese por el menú desplegable. Encontrar Sistema operativo.
Ordenar por sistema operativo ahora. Ahora verás cuánto de ese tráfico proviene de dispositivos móviles y cuánto de computadoras.
Con esta información a mano, puede volver a Caniuse.pl y asegúrese de que cualquier tecnología en su sitio funcione como debería para el porcentaje más alto de usuarios.
Envolver con CanIUse
Así que la próxima vez que veas Divi y una de nuestras bonitas funciones nuevas o leas un tutorial de CSS y encuentres algo nuevo con lo que jugar, échale un vistazo. caniuse.com. Algunos navegadores pueden tardar un tiempo en reconocer algunas tecnologías. Pero si la mayoría de su audiencia proviene de navegadores que admiten funciones nuevas y divertidas, Puedo usar Absolutamente puedo decirte si puedes usarlo.
¿Para qué crees que es el mejor uso? Puedo usar?
Artículo destacado con una imagen de fatmawati achmad zaenuri / shutterstock.com
