¿Cómo depuro Internet Explorer en Windows Phone 7?

Question

No soy un desarrollador de Windows Phone, y quiero hacer lo mínimo posible con cualquier cosa relacionada con Microsoft. No obstante, necesito que mi aplicación web móvil funcione correctamente en Windows Phone 7. ¿Qué herramientas de depuración están disponibles para la plataforma? Algo como las herramientas de desarrollador de Webkit o Firebug sería ideal, ya sea desde el propio teléfono o más probablemente, la depuración remota de mi computadora.

Si tal cosa no existe, me conformaría con poder leer los mensajes de error de Javascript, y ver los contenidos de las variables usando alert() o similar. En este punto, todo lo que sé es que mi JS está fallando: no sé dónde ni por qué, y mucho menos cómo solucionarlo.

Mi computadora de desarrollo ejecuta OS X, y realmente me gustaría poder utilizar estas herramientas de OS X si es posible. Suponiendo que existen herramientas de depuración (lo que realmente espero que hagan) ¿están diseñadas solo para Windows? Si es así, ¿alguien sabe qué tan bien funcionarían con Wine o similar?

EDIT: Tengo un dispositivo físico Windows Phone 7, así que puedo usar eso. Sin embargo, alert() parece no estar funcionando, por lo que estoy publicando esta pregunta. ¿Funciona normalmente alert() en el navegador WP7?

Answer 1

Es probable que el Mobile Perf Bookmarklet sea la herramienta todo en uno más fácil para probar cualquier dispositivo móvil.

Funciona bien en el iPhone/iPad/Samsung Galaxy Tab en mis pruebas hasta el momento.

Cita:

Muestra un menú con enlaces que se cargan otros bookmarklets incluyendo Firebug Lite, Página Recursos, DOM Monster, SpriteMe, CSSess y Zoompf.

Answer 2

A menos que tenga un dispositivo con Windows Phone 7, que tendrá que ejecutar Windows en BootCamp e instalar el Windows Phone Developer Tools con el fin de probar en el IE en el emulador. No sé nada de Whine, pero me encontré con problemas importantes tratando de probar en Parallels, así que, según mi experiencia, sugiero que sea lo más simple posible.

No hay consola en IE en el teléfono, por lo que tendrá que utilizar la alerta, como sugirió, o simplemente escribir texto en un div en su página como una consola personalizada.

Si realmente quiere codificar en OS X (lo que definitivamente entiendo), usar una máquina separada para probar IE en el emulador WP7 será su mejor opción.

EDIT: Acabo de probar la alerta y funcionó bien en mi Windows Phone. Supongo que un error de sintaxis impide que llame.

Answer 3

Algo que me ha funcionado es probar las páginas de mi dispositivo móvil a través del navegador de Internet Explorer incorporado de Windows Vista. Viene con un depurador de scripts (que debe habilitar en la pestaña Opciones avanzadas a través del menú de Opciones de Internet), y parece que se acerca mucho a la implementación de Internet Explorer Mobile.

Otro consejo sería que, en lugar de usar window.alertas, también puede usar document.write o establecer el resultado en un contenido div.

Answer 4

Lo siguiente puede ser interesante

Simple IE debug tool for Windows Phone

Soporta

• HTML que atraviesa
• estilos nodo HTML, propiedades, métricas
• lectura salida de la consola
• js que se ejecutan en el dispositivo lado de la consola (inc intelisense Luding)
• inyección de scripts dinámico - la capacidad para depurar los sitios en vivo

No compatible

• js puntos de interrupción

Answer 5

sólo quería añadir una nota para decir que la depuración de JavaScript completa es posible ahora con Windows Phone 8.1 y Visual Studio 2013 Update 2. Los detalles completos están disponibles en:

http://blogs.msdn.com/b/visualstudioalm/archive/2014/04/04/diagnosing-mobile-website-issues-on-windows-phone-8-1-with-visual-studio.aspx

Me doy cuenta de que esto no ayuda con las versiones a las que se hace referencia en la pregunta original (WP7), pero espero que esto ayude a las personas que puedan encontrar esta pregunta y estén ejecutando una versión más reciente.

Answer 6

estoy usando este truco para tener console.log enviar información de vuelta al servidor (que utiliza window.fetch, que estoy polyfilling, pero podría utilizar en lugar xhr) https://gist.github.com/wheresrhys/bf93057ee3a594454582