viernes, 5 de febrero de 2016

Cómo probar un sitio Web Responsive (Screenqueri)

Cómo probar un sitio Web Responsive (Screenqueri)

Con Screenqueri tenemos una herramienta muy completa aunque no emula directamente los navegadores de los dispositivos.

Tiene un listado muy completo de smartphones y tablets incluyendo Blackberry, Sony Xperia, HTC y Motorola.

Podés acceder al sitio desde Aquí

Se verá así al acceder al sitio

 Vista del sitio web al incio

Introducimos en la parte superior la dirección web a probar y nos mostrará como se ve.





-->

Cómo probar un sitio Web Responsive (Matt Kersley Responsive)

Cómo probar un sitio Web Responsive (Matt Kersley Responsive)

Con el sitio web Matt Kersley Responsive podremos ver los diferentes tamaños de dispositivos en linea horizontal, esto ayuda a encontrar posibles errores de una manera fácil.

Podés acceder al sitio web desde Aquí:

 Vista del sitio web al inicio



Ponemos la dirección del sitio web a probar en la parte superior del sitio, por ej www.psicopedagogiaweb.com

 Vista del sitio web al insertar la página a probar


Le damos a enter y se verá así

Cómo se vería el sitio web en los distintos dispositivos


Tamaño de pantallas más grandes
 Vista en los dispositivos más grandes

y listo



-->

Cómo probar un sitio Web Responsive (The responsinator)

Cómo probar un sitio Web Responsive (The responsinator)

The Responsinator es un sitio web que nos permite probar los media queries definidos para diferentes smartphones y tablets:

Permite ver la web al mismo tiempo en pantallas que van desde 240X320 pixeles hasta 1024×768 pixeles.

Desventaja: No permite emular el navegador de cada plataforma. sin embargo es genial para mostrarle la web en vivo al cliente.

Para acceder al sitio desde Aquí:

Introducimos el sitio web que queremos probar: Por ej: www.psicopedagogiaweb.com


 Dónde va la dirección del sitio web a probar

Luego nos aparece el sitio asi:

 Como se vería el stio web probado

Y listo





-->
View My Stats