调试Office的JavaScript API

Question

很明显,我已被Chrome及其开发人员工具宠坏了,但我正在努力制定一个无痛的调试策略,同时使用新的JavaScript API for Office开发Office 2013应用程序.

Visual Studio 2012通过提供脚本调试和即时窗口来帮助我,但我发现以下内容是一个挑战,并希望指点/指导:

1. 重新加载Office应用程序(右键单击"重新加载")会中断Visual Studio脚本调试,因此通常更容易结束调试并重新启动.它为什么会破裂？我可以阻止它破裂吗？

2. 有没有可与Chrome的"检查元素"和所有相关DOM探索功能相媲美的东西？我正在使用客户端模板(KnockoutJS),并且正在尝试使用即时窗口来尝试内省DOM.

3. 我的代码进行了AJAX调用,但由于缺少内联调试语句,我找不到像Chrome网络选项卡那样跟踪调用的方法.

我学到/发现的三件可能对他人有益的事情是:

1. 调试器暂停(中断)时不要"停止调试",因为这会导致Visual Studio挂起,唯一的方法就是杀死它并重新启动,这很乏味.如果继续执行代码直到(希望)终止,那么您可以毫无问题地停止调试器.

2. Microsoft的示例代码将调试信息添加到应用程序的HTML页面上的元素.我发现这个次优,只需在我的应用程序中创建一个"调试"表,每次我想报告一些内容时都会添加一行.这具有跨调试会话持久化的额外优势.我为表包装器和扩展表包装器的错误处理程序发布了gists .

3. Visual Studio 2012中的"Quick Watch"对于评估jQuery表达式和分析JSON结果非常有用.

Answer 1

如果可能且可行，请尝试模拟数据，并在不同的环境中进行开发。至少，它会让您更深入地了解项目，这样您就可以更轻松、更快地调试简单的内容，然后再返回传统环境处理其他内容。