¿Cuál es la mejor manera de depurar JavaScript interactivo no trivial?

JavaScript no es fundamentalmente diferente de otro código cuando se trata de depuración, la gente simplemente piensa que es, por alguna razón. Si encuentra que está trabajando con un problema que es demasiado complejo, la forma de abordarlo es dividir el gran problema en problemas más pequeños .

Si su controlador de mousemove es largo y complejo, ¿quizás sus responsabilidades son demasiado grandes? ¿Quizás debería ser más pequeño y llamar a otras funciones? ¿Quizás su código no está estructurado de una manera fácil de seguir? ¿Quizás debería considerar usar un marco que ofrezca formas de componer mejor su código, como Ember.js?

Además, como otros han mencionado, prueba unitaria, prueba unitaria, prueba unitaria. No tiene idea de qué tan fácil y mejor es la codificación cuando tiene pruebas unitarias. Hace que sea mucho más fácil cazar errores y te obliga a estructurar tu código en pequeños trozos de responsabilidades.

Puede intentar integrar SessionStack (tiene un plan gratuito ) en su aplicación web. Entonces podrá ver toda la información de la consola, los errores de JavaScript, las solicitudes de red fallidas en una línea de tiempo combinada con una recreación del comportamiento del usuario en cada momento. Esto le permitirá ver el contexto completo: el estado del navegador y la información de la consola, lo que con suerte le ahorrará tiempo al depurar su JavaScript.
Tenga en cuenta que esto se puede aplicar para producción, depuración y siempre que lo encuentre útil.

Divulgación: soy cofundador de SessionStack