Cómo realizar pruebas sincronizadas usando Ghostlab

En la publicación anterior, le mostramos cómo realizar pruebas sincronizadas usando la sincronización del navegador. Si ha seguido la publicación, verá que las "pruebas sincronizadas" impulsarán su flujo de trabajo de desarrollo en términos de probar el sitio web optimizado para dispositivos móviles en varios navegadores y dispositivos simultáneamente.

Las interacciones dentro de los navegadores, tales como refrescar, hacer clic y llenar formularios, se reflejan en los navegadores y dispositivos conectados en tiempo real .

Pero sabemos que cada uno tiene sus propios estilos de trabajo. Algunas personas pueden preferir usar Command Line, mientras que otras prefieren usar una Aplicación con una interfaz gráfica ya que es más intuitiva para ellas. Entonces, en esta publicación, vamos a mostrarte una alternativa para hacer pruebas sincronizadas usando una aplicación llamada Ghostlab . Vamos a ver.

Empezando

Ghostlab tiene un precio de US $ 49 por una sola licencia, que se puede usar en dos computadoras. También proporciona una versión de prueba con todas las características en su lugar, para que pueda explorarla antes de decidirse a comprar.

Está disponible para Windows y OS X. Cógelo aquí. Instálelo de acuerdo con su procedimiento de SO, luego ejecútelo.

Estamos listos para usar Ghostlab.

Configuración del proyecto

Lo primero que tenemos que hacer es agregar nuestros proyectos a Ghostlab. Hay dos opciones: podemos arrastrar y soltar el directorio del proyecto en la ventana de la aplicación, o podemos copiar y pegar la dirección URL del proyecto, de esa manera.

Ghostlab registra todos los proyectos agregados de la siguiente manera

También podemos arrastrar y soltar la lista de proyectos para cambiar sus posiciones.

Además, podemos configurar cada proyecto. Mueva el cursor del mouse sobre el icono del proyecto y se convertirá en un icono de engranaje. Haga clic en el icono para expandirlo y ver las opciones de configuración que se muestran en una matriz de pestañas.

Dentro de estas pestañas, podemos activar o desactivar el servidor Ghostlab, seleccionar el navegador para ver el proyecto, cambiar el título del proyecto o la URL, etc.

Encender el servidor

Como mencionamos anteriormente, Ghostlab está equipado con un servidor incorporado que funciona tanto para sitios estáticos (solo HTML y CSS) como para sitios dinámicos que están construidos con PHP, Ruby, etc. Una vez que todas las configuraciones están configuradas, podemos movernos encendido para encender el servidor. Para hacerlo, simplemente puede hacer clic en el ícono de flecha de la lista de proyectos.

Cuando el servidor está "encendido", verá la notificación que muestra el URL y el puerto del servidor en la parte inferior izquierda de la aplicación de la ventana. Haga clic en el ícono del cohete para iniciar el proyecto en el navegador predeterminado o haga clic en el ícono del navegador debajo del cohete para seleccionar otros navegadores. No tiene que copiar y pegar la URL.

Nota: El servidor es aplicable solo para un proyecto a la vez. Si enciende el servidor en otro proyecto, se apagará para el proyecto anterior y se encenderá para el nuevo.

Conexión de dispositivos

Cuando lanzamos el proyecto en cualquier navegador, Ghostlab lo registrará en la barra lateral derecha.

Podemos depurar el proyecto en cada uno de estos navegadores / dispositivos conectados utilizando el inspector de código incorporado Ghostlab. Haga clic en < > y aparecerá el inspector de código (similar al de Chrome).

Cuando navegamos por el árbol DOM, se resaltan los elementos respectivos en el navegador.

Y, en última instancia, también puede realizar "pruebas sincronizadas", similares a la sincronización del navegador. Actualizará automáticamente todos los navegadores conectados cada vez que se realice un cambio. Las interacciones del usuario como desplazarse, hacer clic y completar formularios también se reflejan al mismo tiempo.

Pensamiento final

Le mostramos cómo realizar "pruebas sincronizadas" utilizando una herramienta de línea de comandos, sincronización del navegador y una aplicación con interfaz gráfica. Ambos sirven las funciones muy bien. Mi única queja con Ghostlab es que la interfaz de usuario parece un poco fuera de lugar en OS X; Sin embargo, estoy seguro de que se ve bien en Windows.

Por último, depende de usted decidir cuál es el más adecuado para su flujo de trabajo y presupuesto.

6 maneras de guardar imágenes WebP como JPG y PNG

El formato de imagen patentado de Google WEBP es posiblemente mejor que el formato JPG o PNG estándar . Crea un tamaño de archivo mucho más pequeño que JPG y aún admite la función de transparencia de PNG sin mucha pérdida de calidad. Actualmente, muchos sitios web lo utilizan, como YouTube, Google Play Store y la aplicación Facebook de Android.Por muy

(Consejos de tecnología y diseño)

RAISR es la nueva tecnología de compresión de imágenes de Google para Google+

Ver fotos de alta resolución en su teléfono inteligente no es exactamente lo ideal, especialmente si sus datos móviles son limitados. En un intento por ayudarlo a ahorrar en el ancho de banda y los costos de datos, Google ha implementado un nuevo sistema de compresión de imágenes basado en el aprendizaje automático en Google+ .Este

(Consejos de tecnología y diseño)