馃 C贸mo VER mi web en diferentes dispositivos m贸viles - 【TochoMorocho】 C贸mo VER mi web en diferentes dispositivos m贸viles – 【TochoMorocho】

C贸mo VER mi web en diferentes dispositivos m贸viles

ver tu p谩gina web en dispositivos m贸viles

C贸mo probar o ver tu p谩gina web en dispositivos m贸viles desde el navegador. Hoy en d铆a contar con un buen theme de tu p谩gina web es muy importante ya que este te ayuda y le da un plus a tu web. Pues bueno, varios usuarios tienen implementado el modo responsive [adaptable] en tus temas para que se adapten en distintas resoluciones de pantalla para pc y dispositivos m贸viles. Pero no saben en realidad como se comparta su web en distintos dispositivos como tel茅fonos y tablets.


¿C贸mo se ve mi web en los diferentes dispositivos m贸viles?

Existen herramientas que las cuales te pueden ayudar para hacer un test de tu p谩gina y ver como se ve en un tel茅fono o en una tablet. Si tu sitio web es responsive puedes probar cualquiera de estas herramientas y verificar que las propiedades se adapten a la resoluci贸n del dispositivo. Este simulador de p谩gina web o simulador de tel茅fono para tu sitio web nos va ser de utilidad a la hora de hacer una p谩gina web para m贸viles e ir probando como se visualiza en tel茅fonos y tablets con distintas resoluciones.


¿C贸mo saber si mi p谩gina web es responsive [adaptable]?

Si no sabes si tu sitio web es responsive o adaptable puedes probar haciendo un test en un tel茅fono en distintas resoluciones y ver si este se adapta a la resoluci贸n de la pantalla. En caso de que no lo haga entonces tu sitio no es responsive, puedes hacer esta prueba con los emuladores de tel茅fonos y tablets que te mostramos a continuaci贸n.

<>Todos cumplen su funci贸n, pero te dejamos 6 p谩ginas donde puedes saber como se comporta tu p谩gina web en distintas resoluciones. Qu茅date con la que m谩s se adapte a lo que estas buscando.



6 herramientas para ver tu web en dispositivos m贸viles

馃憠 IpadGeek

iPadPeek es una herramienta que te permite ver tu sitio web ejecut谩ndose en dispositivos de Apple como el iPad y iPhone, mostr谩ndote c贸mo se ver铆a tu sitio en estos dispositivos. Algo s煤per 煤til es que podemos cambiar la orientaci贸n de la pantalla.

PRUEBA Tu Web en Dispositivos M脫VILES

Con este p谩gina puedes emular distintos complementos o script ya que como sabemos no todos son ejecutados por el navegador de Apple. Excelente en ese aspecto ya que podemos corregir los errores que puedan presentarse.


馃憠 Mobiletest

Mobiletest es otra herramienta para poder visualizar tu p谩gina web desde tu pc en un m贸vil y una tabet. Cuenta con pocos dispositivos pero muy eficiente. Solo elige el dispositivo y despu茅s escribe la direcci贸n de tu web o blog.

herramientas para realizar un responsive test

A pesar de su sencillez es una de las mejores p谩gina para checar tu web. Cuenta con dispositivos como m贸viles y tablet android e iOs. Ambos con distintas resoluciones de pantalla.


馃憠 The responsinator

Esta herramienta nos permite probar nuestra p谩gina igual que las otras para smartphones y tablets. Sin duda desde esta p谩gina tenemos la posibilidad de emular y ver el sitio web o blog al mismo tiempo en distintas pantallas.

prueba tu sitio web en diferentes dispositivos

Con hacer uso del scroll o nos vamos topando con resoluciones de pantalla de muchos dispositivos. Desde aqu铆 puedes trabajar con el aspecto que m谩s te agrade.


馃憠 Matt Kersley Responsive

Al igual que la herramienta anterior esta herramienta nos permite visualizar el sitio en diferentes resoluciones, los dispositivo se muestran en l铆nea horizontal, esto ayuda a ver todas las resoluciones sin tener que hacer scroll.

C贸mo se ve mi web en los diferentes dispositivos m贸viles

Al mostrar las distintas versiones de pantalla de manera horizontal facilita la visualizaci贸n a la hora de cargar la web en distintas pantallas. Las resoluciones se muestran el parte superior de cada una de las capturas.


馃憠 MobilePhoneEmulator

Esta herramienta permite configurar el tama帽o de las pantallas, tambi茅n nos permite elegir dentro de diferentes modelos de tel茅fonos as铆 como de iPads, cuenta con muchas resoluciones en diferentes pantallas.

¿C贸mo se ver谩 mi web en diferentes resoluciones y dispositivos?

Podemos ir moviendo y tocando un poco m谩s de las opciones que posee esta aplicaci贸n. En la parte de la derecha nos vamos a encontrar con un panel de administraci贸n para juegar con el y ver el sitio web.


馃憠 Screenfly

Por ultimo tenemos a esta maravillosa herramienta que cuentas con muchos dispositivos como tel茅fonos, pc y pantallas de tv. Muy 煤til y recomendada sin duda alguna. Es una de las m谩s completas pues tiene muchos dispositivos con los cueles puedes probar tu p谩gina.

Probar sitio web en diferentes resoluciones de pantalla

Existen muchas m谩s herramientas de este tipo, te presentamos las mejores en este listado, realiza tus pruebas y mejora tu web o blog.

Recuerda que estas herramientas tambi茅n la puedes utilizar para cambiar estilos en tu p谩gina ya que si das inspeccionar se cargan los estilos m贸viles y no de pc.



Probar sitio web en diferentes resoluciones de pantalla


V脧DEO...

Esto ha sido todo amigos en este post, si la informaci贸n proporcionada te fue de utilidad y te sirvi贸 participa en el Blog, reg谩lanos un like en la P谩gina de Facebook y por supuesto suscr铆bete al Canal en YouTube.

馃挰 ESCRIBE UN COMENTARIO 馃憞

0 Comentarios