Tutorial: ¿Cómo visualizar tu web en múltiples dispositivos con Responsinator?

Si estás iniciando un proyecto web o incluso quieres mejorar un diseño determinado, es importante que conozcas cómo se ve la web en cuestión en diferentes resoluciones. En este tutorial veremos cómo puedes utilizar la herramienta online de Responsinator para hacer pruebas con las que por ejemplo, mejorar tu negocio, el blog de tu empresa o cualquier tipo de web en particular fácilmente.

#1 Haz una búsqueda en Google


#2 Accede a la herramienta


#3 Escribe la web en el buscador de la herramienta

En esta ocasión vamos a utilizar la página de forobeta para hacer una prueba y que veáis las oportunidades que ofrece la herramienta online de Responsinator. Tan solo tenéis que sustituir forobeta por cualquier otra página y repetir el procedimiento, nada más.


#4 Pulsa en donde dice Go

Una vez que hayas escrito la url de la web, pulsa en donde pone Go para comenzar con la prueba y conocer los resultados en pocos minutos.


#5 Explora los resultados

Pasados unos minutos tendréis en vuestras manos los resultados del test. Dejo por aquí algunas muestras de lo obtenido en el caso del foro para que comprobéis la utilidad de esta herramienta en particular.


Según mi experiencia, Responsinator es una herramienta muy útil para conocer cómo de adaptable es el diseño de nuestra web para diferentes dispositivos.

Recuerda que un Me agrada no te cuesta nada y me ayuda a continuar compartiendo información interesante y práctica en ForoBeta. Si tienes cualquier duda solo tienes que preguntarla y te responderé lo antes posible.

Buen tutorial...
Yo conosco una forma mucho mas facil y te dice el tipo de Dispositivo Movil...
Firefox
-->Entra a la web deseada...
-- >Presiona Ctrl+Mayus(Shift)+M
-->Entras en modo responsive y selecciona el modelo deseado de celular... SI entras a facebook, veras que te dira que descarges la aplicacion android... youtube tambien... Tambien lo puedes usar para verificar que tu publicidad movil aparece correctamente... ya que practicamnete funciona como maquina virtual 🙂

En Chrome
-->Inspector de elementos
-->Buscas el simbolo de un telefono
-->Y tambien te da a elegir que tipo de movil es el que quieres simular

Saludos :encouragement:

Hola hermano, gracias por el aporte lo guardaré para mas tarde leerlo con tiempo pero pinta bien 😀 Espero sigas aportando al foro.. Gracias, saludos y éxitos para ti viejo.

Excelente aporte :encouragement:, gracias por tomarte el tiempo de redactar dicho método.

- - - Actualizado - - -

Adan Najera dijo:

Buen tutorial...
Yo conosco una forma mucho mas facil y te dice el tipo de Dispositivo Movil...
Firefox
-->Entra a la web deseada...
-- >Presiona Ctrl+Mayus(Shift)+M
-->Entras en modo responsive y selecciona el modelo deseado de celular... SI entras a facebook, veras que te dira que descarges la aplicacion android... youtube tambien... Tambien lo puedes usar para verificar que tu publicidad movil aparece correctamente... ya que practicamnete funciona como maquina virtual 🙂

En Chrome
-->Inspector de elementos
-->Buscas el simbolo de un telefono
-->Y tambien te da a elegir que tipo de movil es el que quieres simular

Saludos :encouragement:

Hacer clic para expandir...

Ese método también me se xd

Adan Najera dijo:

Buen tutorial...
Yo conosco una forma mucho mas facil y te dice el tipo de Dispositivo Movil...
Firefox
-->Entra a la web deseada...
-- >Presiona Ctrl+Mayus(Shift)+M
-->Entras en modo responsive y selecciona el modelo deseado de celular... SI entras a facebook, veras que te dira que descarges la aplicacion android... youtube tambien... Tambien lo puedes usar para verificar que tu publicidad movil aparece correctamente... ya que practicamnete funciona como maquina virtual 🙂

En Chrome
-->Inspector de elementos
-->Buscas el simbolo de un telefono
-->Y tambien te da a elegir que tipo de movil es el que quieres simular

Saludos :encouragement:

Hacer clic para expandir...

yo tambien prefiero de ese modo jeje

Como dice el compañero de arriba, yo utilizo el inspector.
Igual gracias por tomarte el tiempo para hacer el tutorial.

Enviado desde mi LG-K350 mediante Tapatalk

excelente post compañero 😉