for debug chrome ios windows safari web-inspector

debug - Accediendo a iOS Safari Web Inspector desde Windows Machine



safari for windows (7)

El nuevo iOS 6 Safari viene con la función Web Inspector que permite conectarse a él desde su computadora de escritorio Safari a través de un cable USB. Luego, le permite depurar las páginas abiertas en iOS Safari desde su escritorio. Pero, por lo que he visto, esta característica solo es compatible con Mac Safari, no con Windows. ¿Estoy en lo cierto, o Windows Safari también tiene la posibilidad? ¿O estará disponible más tarde tal vez?

Después de intentar instalar Weinre en mi máquina con Windows 10, que ejecuta IIS y un cliente localhost y no poder hacer que funcione, busqué una solución alternativa.

Resulta que Apple descontinuó Safari para Windows, pero pude filtrar una copia después de descubrir el siguiente enlace. Oh, el Inspector web de Safari pudo ayudarme a encontrar el problema en mi aplicación una vez que se instaló.

https://apple.stackexchange.com/questions/68836/where-can-i-download-safari-for-windows

Una vez que se instaló Safari, tuve que activar las herramientas de desarrollador. Esto requería entrar en Preferencias> Avanzado> marcar "Mostrar menú de Desarrollo en la barra de menú"> (hacer clic en el ícono de la página al lado del ícono de la rueda dentada sobrevolar Desarrollar) Comenzar la depuración en JavaScript. A partir de aquí se sentía muy parecido a Chrome ... :-)

He encontrado una gran herramienta llamada GapDebug

esa fue la solución correcta para mí :)

Parece requerir Safari 6, que no se ha lanzado para Windows. En cuanto a la falta de disponibilidad de Safari 6 en Windows, Apple ha declarado que "Safari 6 está disponible para Mountain Lion y Lion. Safari 5 sigue estando disponible para Windows".

Tropecé con este blog que muestra cómo depurar la aplicación web de iOS en Windows usando una aplicación de Telerik llamada AppBuilder. Se supone que debes crear una cuenta en su plataforma antes de usarla y tiene una prueba de 30 días.

Lo he usado en Windows 7 64 bit tanto para aplicaciones web vanilla como para aplicaciones Phonegap tanto en iPad con iOS 7.1, y funciona. Obtienes herramientas de desarrollo web muy similares a las de Chrome.

Configurar Vorlon en Windows

npm i -g vorlon vorlon

Verificar que Vorlon se esté ejecutando

Abra un navegador web y navegue a http: // localhost: 1337

Configuración Ngrok

  • Descargar Ngrok: https://ngrok.com/download
  • Descomprimirlo
  • Abra un símbolo del sistema: Start -> Search -> cmd
  • Navegue a ngrok.exe: cd <ngrok_path_where_ngrok.exe is stored>/
  • Ejecútelo: ngrok.exe http <port> p ngrok.exe http 1337 Ej. ngrok.exe http 1337

Ngrok proporciona una url p. Ej. https://0ad8c32f.ngrok.io -> localhost:1337

Copie y pegue la url de ngrok en su página web.

<script src="https://0ad8c32f.ngrok.io/vorlon.js"></script>

Navega a la página bajo prueba en tu (s) dispositivo (s):

http://thepageiwanttotest.com/testing123

Referencias

Regularmente uso weinre . Básicamente ejecuta un servidor web que a su vez actúa como un proxy mejorado por el inspector para explorar páginas web y sitios web. El inspector puede iniciarse agregando un script a su página o ejecutando un bookmarklet.

weinre es un depurador de páginas web, como FireBug (para Firefox) e Web Inspector (para navegadores basados ​​en WebKit), excepto que está diseñado para funcionar de forma remota y, en particular, para permitirle depurar páginas web en un dispositivo móvil como un teléfono .

Para instalarlo, necesitará NodeJS y NPM (incluido con NodeJS). También necesitará un navegador basado en WebKit en el extremo del escritorio / receptor (Safari, Google Chrome o Chromium). Debería funcionar en Windows, OSX y Linux.

Si ya tiene instalado NodeJS y NPM, puede instalarlo y ejecutarlo con:

npm i -g weinre weinre # Go to the URL that it outputs for instructions to use it

ACTUALIZAR:

@EvAlex ha señalado otra herramienta muy similar a Weinre llamada Vorlon.js . Es conectable y admite visualización / conmutación entre el inspector de múltiples dispositivos simultáneamente.