Depuración de JavaScript API para Office

Question

Claramente, me han echado a perder Chrome y sus herramientas de desarrollo, pero estoy luchando por formular una estrategia de depuración indolora mientras desarrollo aplicaciones de Office 2013 usando la nueva API de JavaScript para Office.

Visual Studio 2012 ayuda al proporcionar la depuración de scripts y la ventana inmediata, pero estoy encontrando las siguientes condiciones para ser un desafío y agradecería punteros/orientación:

1. Actualizar la aplicación de Office (botón derecho del ratón "reload") interrumpe la depuración del script de Visual Studio y, por lo tanto, a menudo es más fácil finalizar la depuración y volver a comenzar. ¿Por qué se rompe? ¿Puedo dejar de romperlo?

2. ¿Hay algo comparable al "elemento de inspección" de Chrome y todas las funcionalidades de exploración DOM relacionadas? Estoy usando plantillas del lado del cliente (KnockoutJS) y estoy recurriendo a usar la ventana inmediata para intentar introspectar el DOM.

3. Mi código hace llamadas AJAX pero, a excepción de las declaraciones de depuración en línea, no he encontrado una manera de seguir llamadas como con la pestaña Red de Chrome.

Tres cosas que he aprendido/descubierto que pueden beneficiar a otros son:

1. no "detener la depuración" Durante la pausa del depurador (rotura) ya que esto tiende a colgar Visual Studio y la única forma de volver es matarlo y reiniciar lo que es tedioso. Si continúa con su código hasta que termine (con suerte), puede detener el depurador sin problemas.

2. El código de muestra de Microsoft agrega información de depuración a un elemento en la página HTML de la aplicación. He encontrado que esto no es óptimo y simplemente creo una tabla de "depuración" en mis aplicaciones que agrega una fila cada vez que deseo informar algo. Esto tiene la ventaja adicional de ser persistido en las sesiones de depuración. Publiqué ideas tanto para un table wrapper como para un error handler que extiende la envoltura de la mesa.

3. "Observación rápida" en Visual Studio 2012 es útil para evaluar expresiones jQuery y analizar resultados JSON.

Answer 1

Si es posible y práctico, intente burlar los datos y desarrollarlos en un entorno diferente. Como mínimo, te permitirá avanzar mucho más en el proyecto para que puedas depurar cosas simples de manera más fácil y rápida, antes de volver a tu entorno tradicional para otras cosas.