Previsualización de publicaciones en móviles y tablets

Existen tres formas de previsualizar las publicaciones en todos los tipos de dispositivos:

• Previsualización de publicaciones integrada en Publitas CMS
• Utilizando un dispositivo real.
• Usando Chrome Dev tools u otras herramientas del navegador

Utilizando un dispositivo real para la vista previa

Disponible  

ACCESO TEMPRANO: Si estás interesado en utilizar esta función y tienes el plan Enterprise, ponte en contacto con tu Success Manager, que puede activarla para ti.

El Previsualizador de publicaciones es una aplicación integrada de Publitas CMS que te permite previsualizar una publicación en móvil, tableta o escritorio. Al hacer clic en Vista previa desde la lista de publicaciones, el Editor o la configuración de la publicación, el Previsualizador se abre con la vista móvil en primer lugar. Puede seleccionar el tipo de dispositivo en la esquina superior derecha para cambiar entre los modos Móvil, Escritorio y Tablet. 

Para las páginas de inicio, el Previsualizador simulará que la página de inicio está incrustada en un sitio web con una apariencia un poco más estrecha, sin utilizar todo el ancho de la ventana del navegador. 

Como la app Previsualizador sustituye la previsualización en directo por el enlace de publicación, para obtener el enlace de publicación para ser compartido, puedes hacer clic en el botón Compartir de la lista de publicaciones y, a continuación, en Copiar al portapapeles. Este enlace puede utilizarse para compartir e incrustar la publicación cuando esté lista para publicarse en línea.

Utilizando un dispositivo real para la vista previa

La forma más sencilla de previsualizar tu publicación en un dispositivo móvil real es publicar la publicación en línea (ya sea Pública o Sin conexión) y cargar la URL de la publicación en tu navegador móvil. Las publicaciones sin conexión sólo se pueden ver cuando has iniciado sesión en tu cuenta de Publitas. Puedes ir a app.publitas.com en tu dispositivo de prueba para iniciar sesión. Ten en cuenta que no todas las opciones del CMS son compatibles con pantallas táctiles (por ejemplo, el editor de hotspot). Haz clic aquí para obtener más información sobre los navegadores compatibles.

Uso de las herramientas para desarrolladores de Chrome

El navegador Chrome ofrece una forma de simular un dispositivo móvil o tableta:

1. Utiliza el atajo de teclado Ctrl Mayús J (en Windows) o Cmd Opción J (en Mac) para activar las herramientas de desarrollador.
2. En la esquina superior izquierda, haz clic en el icono del dispositivo táctil.
3. En la parte superior de la página web, seleccione el tipo de dispositivo que desea simular.
4. Actualiza la página

Usar Chrome para simular el Reader móvil:

En realidad, el lector de publicaciones es menos alto, ya que el navegador de Internet ocupa espacio en la parte superior e inferior. Estos elementos no se muestran en Chrome.

3. Utilizar herramientas de prueba en línea

Hay muchas herramientas disponibles en Internet que te permiten probar páginas web en un dispositivo virtual de tu elección. Algunos ejemplos que puedes consultar son BrowserStack y CrossBrowserTesting.

Captura de pantalla de una sesión en vivo en BrowserStack:

Comparación de Reader

La interfaz y las opciones del Lector están optimizadas para el dispositivo que se utiliza para ver la publicación. He aquí un resumen de las principales diferencias entre las interfaces específicas de cada dispositivo: