6 herramientas para revisar si tu página web es realmente responsive
Una pregunta que frecuentemente nos llega a nuestro sistema de soporte por parte de nuestros clientes cuando están creando su sitio web, es que este no se muestra correctamente cuando lo ven a través de dispositivos móviles.
Hoy en día, prácticamente todos los maquetadores web te permiten crear sitios web responsivos y cuando estamos creando esos sitios, tenemos la opción de ver como se verá ese sitio en diferentes dispositivos.
Ya sea que utilices Divi, Thrive Architect, el editor de bloques de WordPress o cualquier otro constructor web, vas a poder alternar entre vista de escritorio, vista de Tableta o vista de teléfono móvil para poder editar tu sitio y crearlo totalmente responsivo.
En este tutorial vamos a ver una serie de herramientas que nos permiten revisar ese sitio web conforme vas haciendo cambios para asegurarnos de cómo se verá en diferentes dispositivos, pero no solo los clásicos escritorio, teléfono móvil o Tablet, sino que además lo vamos a poder ver como se muestra desde diferentes marcas de dispositivos y hasta incluso, como se verá el sitio en una televisión.
Herramienta Nº 1
Herramienta Inspeccionar de Chrome
Esta es la más rápida de utilizar si tienes instalado el navegador Chrome. Solo tienes que dar clic con el botón derecho de tu ratón y escoger la opción de Inspeccionar.
Herramienta Nº 2
Responsive Test Tool
Es posiblemente la mas completa porque ofrece una gran variedad dispositivos para que tengas la total seguridad de que tu sitio se vera correctamente en cualquiera de ellos.
Da clic en este enlace para acceder a Responsive Test Tool
Herramienta Nº 3
ScreenFly
Herramienta similar a la anterior, pero con una disposición diferente a la hora de escoger los dispositivos
Da clic en este enlace para acceder a ScreenFly
Herramienta Nº 4
Responsinator
Ahora entramos en un tipo de herramienta diferente que nos muestra como aparecerá nuestro sitio dentro de diferentes dispositivos.
Da clic en este enlace para acceder a Responsinator
Herramienta Nº 5
Pixeltuner
Herramienta similar a la anterior que nos muestra los resultados dentro de varios dispositivos incluyendo la resolución de pantalla.
Da clic en este enlace para acceder a Pixeltuner
Herramienta Nº 6
Am I Responsive
Esta herramienta es totalmente diferente a las que hemo visto anteriormente porque nos muestra los resultados en una sola imagen central. Y esta imagen, podemos usarla como material de Marketing para nuestras paginas web. Podemos hacer una captura de pantalla y usarla en cualquier página de nuestro sitio.
Da clic en este enlace para acceder a Am I Responsive
Como has podido ver en el video que aparece en esta página, son herramientas muy fáciles de utilizar y que nos serán de gran ayuda a la hora de crear nuestro sitio web
Si te pareció útil esta información, por favor, compártela y déjanos tus comentarios. ¡Gracias!
Política de Comentarios de Media Digital Fácil
Media Digital Fácil te informa que los datos de carácter personal que nos proporciones rellenando el presente formulario serán tratados por Media Digital Facil (Media Digital Fácil ) como responsable de esta web.La finalidad de la recogida y tratamiento de los datos personales que te solicitamos es para gestionar los comentarios que realizas en este blog.
Legitimación: Consentimiento del interesado.
- Como usuario e interesado te informo que los datos que me facilitas estarán ubicados en los servidores de Siteground (proveedor de hosting de Media Digital Fácil ) dentro de la UE. Ver política de privacidad de Siteground. (https://www.siteground.es/privacidad.htm).
El hecho de que no introduzcas los datos de carácter personal que aparecen en el formulario como obligatorios podrá tener como consecuencia que no atender pueda tu solicitud.Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en Nuestro Sitio de Soporte así como el derecho a presentar una reclamación ante una autoridad de control.