Obtenga su sitio listo para dispositivos móviles con 6 emuladores gratuitos

Anuncio

En el pasado, hemos analizado los motivos y las formas de probar su sitio web, ya sea comercial o personal, en varios navegadores de escritorio. La importancia de probar su sitio en diferentes navegadores garantiza que su sitio se vea y se comporte correctamente, sin importar en qué navegador se esté viendo.

Lo mismo ocurre con los navegadores móviles e incluso puede ser más crucial en estos días, ya que muchas personas emplean el uso de diseño web receptivo. Este concepto, en pocas palabras, proporciona un sitio web que verse y comportarse bien 7 prácticas que los diseñadores profesionales están utilizando para mejorar su negocioDirigir un negocio es muy exigente, pero no tiene por qué ser así. Lee mas en todos los dispositivos móviles, independientemente de su tamaño. Con tantos diferentes tipos de celulares Una breve historia de los teléfonos móvilesLos teléfonos móviles han cambiado la forma en que vivimos nuestras vidas y, para muchos, la perspectiva de un mundo sin llamadas de voz, mensajes de texto y acceso a Internet móvil es inquietante. Como todos sabemos,...

Lee mas y tabletas, diseñar su sitio para acomodar solo un dispositivo es un gran error.

Esto es lo que Eric Fischgrund, profesional de marketing y comunicaciones, tiene que decir sobre la importancia de este concepto en un artículo reciente del Huffington Post:

El contenido a menudo también necesita ser reescrito. Para dispositivos más pequeños, desea texto conciso y fácil de entender. Las imágenes deben ser de menor tamaño. El diseño receptivo consiste en mejorar la experiencia de los usuarios anticipándose a sus necesidades.

Con todo esto en mente, nadie espera que usted compre y mantenga todos los dispositivos disponibles. Y es importante tener en cuenta que a medida que se producen y venden nuevos dispositivos, sería imposible mantenerse al día con ese método.

Entra, los emuladores móviles. Estas prácticas herramientas le permiten no solo ver, sino en la mayoría de los casos navegar por su sitio web a través de los "ojos" de diferentes dispositivos. Cada uno de estos emuladores funciona bien y está disponible de forma gratuita.

Emulador de teléfono móvil

los Emulador de teléfono móvil El sitio le permite una buena flexibilidad para probar su sitio web. Puede elegir en qué dispositivo ver su sitio y alternar entre todos para su revisión. Aunque no contiene una lista completa de dispositivos, puede encontrar los más populares de Apple, Samsung, LG, Blackberry y HTC con tamaños de pantalla enumerados para cada uno. También puede optar por ver su sitio tanto en vista vertical como horizontal en los dispositivos.

Una vez que su sitio web se muestra en el dispositivo, puede hacer clic en diferentes artículos, navegación o menús para ver cómo se ve cada área. También puede optar por ver el dispositivo en su tamaño "real" o para que se ajuste a la ventana de su navegador. Mobile Phone Emulator es una opción realmente agradable y gratuita para probar el navegador móvil.

Responsable

Responsable mostrará su sitio web en varios dispositivos, todo en una sola vista. No hay muchas opciones de dispositivos, pero puede ver su sitio en algunos dispositivos iOS y Android recientes tanto en vista vertical como horizontal. Cada uno tiene barras de desplazamiento para ver la página completa y, nuevamente, puede hacer clic en los enlaces de su sitio desde los dispositivos para ver la navegación y otras páginas.

Responsinator está disponible de forma gratuita, pero si desea crear su propio Responsinator, esa opción está disponible por $ 6 mensuales o $ 60 anuales. Si hace mucho diseño receptivo usted mismo, entonces esta podría ser una buena opción para que investigue más a fondo.

ResponsivePX

ResponsivePX Puede que no sea tan bonito como las otras opciones, pero funciona. En lugar de elegir entre diferentes dispositivos, selecciona el tamaño de la pantalla. Ajuste el ancho y la altura y la pantalla se ajustará a medida que avanza.

Puede elegir mostrar una barra de desplazamiento, que realmente podría estar allí de forma predeterminada, pero le ayuda a moverse por la página de su sitio. Se puede hacer clic en cada elemento en su sitio para que pueda ver la navegación y las diferentes páginas fácilmente.

ResponsivePX es una opción decente para pruebas móviles y, dado que puede ajustar el tamaño de la pantalla a 3000 por 3000, podría usarse para algo más que la visualización móvil.

Matt Kersley.com

los Sitio de Matt Kersley nuevamente, no es tan atractivo como otros, pero puede ver su sitio web en cuatro vistas diferentes de dispositivos móviles. Los tamaños de los dispositivos incluyen un pequeño teléfono y tableta, así como iPhone y iPad. Cada uno tiene barras de desplazamiento y le permite hacer clic en los elementos de su sitio para realizar más pruebas como las anteriores.

Vistazo de iPad (y iPhone)

Para probar solo en iOS, iPad Peek muestra las vistas de iPad y iPhone de su sitio web. Puede cambiar rápidamente entre la tableta y el teléfono y también entre las vistas vertical y horizontal.

Simplemente ingrese su URL en el dispositivo y pruebe. Al igual que con los otros emuladores, iPad Peek le permite moverse por las páginas y la navegación de su sitio para una experiencia completa.

MobiReady

MobiReady Hasta hace poco era una herramienta excelente, sin embargo, el sitio parece estar experimentando algunos problemas actualmente. Quiero incluirlo en caso de que sus problemas se solucionen pronto, porque realmente es un buen emulador. No solo muestra su sitio web, sino que también proporciona información de prueba útil.

Puede consultar análisis e informes junto con varios resultados de pruebas que muestran gráficos, fallas y pases. Los dispositivos que se muestran están limitados a unos pocos tamaños de teléfono diferentes junto con una vista de escritorio.

Pero la otra información es realmente lo que es más útil en MobiReady. Esperemos que el sitio vuelva a estar en acción pronto para que pueda probarlo.

¿Está su sitio listo para dispositivos móviles?

¿Utiliza un diseño web receptivo para asegurarse su sitio está preparado para dispositivos móviles Cómo asegurarse de que su blog de WordPress sea accesible para usuarios móviles Lee mas ? ¿Qué hay de tu prueba? ¿Revisas tu sitio web usando un emulador como uno de estos?

Tal vez hay otro emulador gratuito que crees que funciona mejor que todos estos. Si es así, comparta sus sugerencias con todos en los comentarios a continuación.

Credito de imagen: Tabletas 3D y teléfono móvil a través de Shutterstock