Adobe Shadow: Navegación remota, inspección y depuración de sitios web [Android, iOS]

Adobe Shadow es una aplicación multiplataforma para dispositivos con Windows, Mac, Android e iOS que permite el front-end web los desarrolladores prueban, depuran e inspeccionan de forma remota y simultánea sus proyectos web en varios tamaños de pantalla y sistemas operativos. Ya sea un navegador web en su escritorio, teléfono inteligente o tableta, con Adobe Shadow, puede verificar fácilmente cómo aparecerían sus diseños web en diferentes pantallas de dispositivos. El método implica instalar la aplicación de escritorio Adobe Shadow y la extensión de Chrome en la PC, y el cliente móvil en su teléfono inteligente / tableta. Siempre que todos los dispositivos compartan la misma conexión Wi-Fi, todo lo que necesita hacer es vincularlos a la computadora con un código de acceso único. Desde allí, puede explorar y sincronizar sus proyectos de forma remota en varios dispositivos. Cualquier cambio realizado en el código original del sitio web se refleja inmediatamente en cada dispositivo conectado.

La aplicación también le permite seleccionar un dispositivo particular para el que desea inspeccionar / depurar el código para que pueda ver el proyecto línea de tiempo y registros, ver recursos y elementos del proyecto, y hacer las modificaciones necesarias en el marcado HTML, las reglas CSS y el conjunto código. Detalles, capturas de pantalla y enlaces de descarga a seguir.

Sin lugar a dudas, el concepto antes mencionado introducido a través de Adobe Shadow resulta ser uno de los mejores y formas más productivas de utilizar el concepto de transmisión remota de contenido desde el escritorio al móvil dispositivos. El enlace proporcionado al final de la publicación lo lleva a la página oficial de Adobe Shadow, desde donde puede encontrar enlaces de descarga para su extensión de Chrome, así como el sistema operativo de escritorio y móvil requerido aplicaciones

Una vez que todos los requisitos previos mencionados estén en su lugar, simplemente inicie la aplicación en cualquier dispositivo (escritorio y dispositivos móviles), y presione la extensión Adobe Shadow en su navegador Chrome mientras permanece en su proyecto lengüeta. Recuerde que aunque toda la sincronización se realiza mediante una combinación de la extensión Adobe Shadow Chrome y dispositivo móvil, el cliente de escritorio también debe estar ejecutándose en segundo plano para que el mecanismo funcione efectivamente.

Si sus dispositivos móviles no reconocen la computadora automáticamente, puede ingresar manualmente la dirección IP para establecer una conexión. Para esto, presione el botón "+" en la interfaz del cliente móvil y proporcione la dirección IP exacta como se muestra en la extensión de Chrome. Usando el mismo método y un código de acceso único y específico del dispositivo, puede conectar tantos dispositivos como desee incluir en el proceso de prueba.

Eso es. Ahora puede transmitir contenido de forma remota desde su navegador de escritorio (Chrome) a todos los dispositivos conectados para ver cómo funcionan en sistemas operativos y tamaños de pantalla específicos.

Para ingresar a Adobe Shadow Inspección Remota modo en su computadora, presione el icono de extensión y seleccione el dispositivo que desea inspeccionar / depurar de forma remota. Al hacerlo, se abriría otra ventana, desde donde puede verificar las propiedades de conexión remota y información, elementos web, recursos, estadísticas de red, cronología del proyecto y la consola remota a través de información relevante botones.

Desde la perspectiva del cliente móvil, puede probar un sitio web, así como todos los enlaces integrados en él. Además, la aplicación móvil le permite copiar la URL abierta actualmente, y también admite abrir la página web a través de un navegador de terceros.

Con todo, un concepto brillante, especialmente para desarrolladores web que podrían no tener que recurrir a varios Técnicas alternativas que implican la configuración de entornos frenéticos simulados / virtuales para la depuración y prueba proyectos web. En cambio, todo es instantáneo y efectivo con Adobe Shadow porque todas las pruebas, sincronización y depuración son hecho es en tiempo real, y con todas las herramientas necesarias para realizar la tarea efectivamente.

Al momento de escribir este artículo, Adobe Shadow está disponible de forma gratuita en todas las plataformas compatibles, y se puede descargar a través del enlace que se proporciona a continuación.

Descarga Adobe Shadow a través de los laboratorios oficiales de Adobe