Hoy en día todo sitio web debe ser responsivo debe de verse en una tableta o en un teléfono móvil en
una laptop en una computadora de escritorio y debe de verse bien.
Sin embargo como dije anteriormente comprar diez tablets de distintas marcas de distintas resoluciones
comprar 20 teléfonos no es algo costeable es muy caro.
Hay muchas formas de probar tu sitio web de forma de forma que no tengas que gastar en Crom por ejemplo
abrimos la consola developer tools y vamos a encontrar el segundo botón que tiene dos teléfonos dar
clic aquí y voy a mover esto hacia la derecha.
Colombia cuenta con varias opciones es decir puedo probar mi proyecto en un Galaxy S5 scroll y ver cómo
se vería a una persona que navegue con este teléfono.
Puedo rotaron a la derecha o hacer un poco más grande incluso un poco más de zoom.
Hay más teléfonos un iPhone 5 un iPhone X también un poco más grande la pantalla y también por rotarlos
incluso puedes probar la velocidad de tu teléfono.
También puedes probar una tablet un iPad iPad Pro en sus distintos tamaños y resoluciones tienen muchas
cosas.
La ventaja que tiene la principal es que son muy exactos es decir cómo se ve aquí es como se va a ver
en el dispositivo real.
En el caso de Firefox va a ser exactamente lo mismo inspecciona el elemento y este ícono que está aquí
puedes presionarlo y que puedes cambiar las dimensiones puedes hacerle rishis desde aquí y probar tu
proyecto.
Cómo se verían responsivo de nuevo.
También el simulador de Firefox es muy exacto en lo que he podido ver en lo que he probado los sitios
web se ven bastante bien si tienes una Mac puedes instalar también el simulador.
Este viene con X-COM una vez que instalas el simulador puedes instalar distintos dispositivos en el
simulador que diga Kenedy y luego presionamos este botón darle al último la última opción después copio
esta web Relay copy abrimos lo que viene siendo un simulador de nuevo y abrimos Safari.
Quien Safari en la parte donde escribes la web le damos botón derecho y le damos pasta y le damos Enter.
Eso nos va a abrir el proyecto ya podemos previsualizar también en un dispositivo este tiene la ventaja
de que actúa de forma más nativa ahora en hardware puedes cambiar el dispositivo a yoes todas estas
versiones de cada dispositivo que instales.
Si toma un poco más de espacio también lo puedes probar con una Pulti o con un teléfono mejor dicho
con un reloj tiene distintas opciones a mi se me hace una excelente opción para probar tu sitio web
tiene la ventaja que también es gratuito otra opción es el simulador de opera este lo puedes instalar
en Windows Mac o Linux y tiene también distintos dispositivos a los que puedes probar.
También es gratuito y finalmente el más poderoso de todos es Brassica Browser Zink te permite crear
un servidor temporal te arroja una IP y es ahí puedes acceder en tu teléfono para probar tu sitio web
de una forma mejor.
Deja mostrarte como abrimos la terminal puedes utilizar CMD para hacer esto es necesario que tengas
instaladas varias cosas La primera es Nott no J.V nop y todo esto es DJs y una vez que los instalas
solamente copias y pegas este comando para que este proyecto funcione.
Voy a darle click hacia atrás
y aquí es donde tengo la carpeta de carrito.
Voy a abrir la terminal quiero aprender de escritorio pongo un CD y arrastro este carrito de aquí voy
a escribir el comando de browser Browser guión Zink start Yongbyon Server Yangon fights y le vamos a
dar que nos abra el índex punto HTML.
A veces toma un poco de tiempo porque para usar Zink comienza a ejecutar varios archivos pero una vez
que finaliza puedes ver que nos crea un servidor temporal abrimos de nuevo la terminal y podemos ver
que arroja las redes de acceso local solamente funciona en esta computadora.
Sin embargo esta que dice external si tienes un teléfono móvil puedes colocar esa web en tu teléfono
y te va a permitir acceder a este mismo proyecto en tu teléfono.
Y si los emuladores están bien pero haciéndolo de esta forma vas a poder probar tu proyecto en tu teléfono
ver cómo se siente.
Versi los botones los elementos del menú se pueden presionar correctamente y obviamente nada compara
la experiencia real.
Yo recomiendo que utilices Browser Sync en caso de que te complique pues puedes utilizar Crom los desvelos
Pertuz de Chrome o si tienes una Mac.
También hay muchas opciones para probar tus dispositivos.
Pruébalo.
La idea es que tu sitio web sea accesible en todos los navegadores.
La mayor parte de dispositivos que sea posible y con estas herramientas que te mostré en este video
podrás hacerlo.