es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


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.

Diseño hermoso "Coming Soon" Página: 37 Plantillas y Tutoriales

Diseño hermoso "Coming Soon" Página: 37 Plantillas y Tutoriales

Es un hecho conocido que la página "próximamente" ya no se trata del ícono de los hombres en el trabajo o de la construcción . Actúa como la primera y más importante impresión para el visitante de su sitio y si está bien hecho. Puede atraer a su visitante del sitio para marcar su página, suscribir su boletín de noticias, o incluso unirse a su imperio de redes sociales.Entendemo

(Consejos de tecnología y diseño)

Cómo crear campos personalizados de WordPress La manera fácil

Cómo crear campos personalizados de WordPress La manera fácil

WordPress proporciona los campos esenciales que nos permiten publicar publicaciones y páginas. Algunos de estos campos incluyen el Editor de contenido, Opciones de categoría, Etiquetas e Imagen destacada .Estos campos, sin embargo, no son suficientes para acomodar ciertos casos. Supongamos que crea un sitio de la Lista de libros que mostrará el autor del libro, el número de ISBN y el editor. Ne

(Consejos de tecnología y diseño)