调试Office的JavaScript API

Question

很明显，我已经被Chrome及其开发人员工具所破坏，但我正在努力制定一个无痛的调试策略，同时使用新的JavaScript 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页面上的元素。我发现这个次优，只需在我的应用程序中创建一个“调试”表，每次我想报告一些内容时都会添加一行。这具有跨调试会话持久化的额外优势。我发布了table wrapper和error handler扩展表包装器的要点。

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

Answer 1

如果可行且实用，请尝试模拟数据，并在不同的环境中开发。至少，它会让你进一步深入到项目中，这样你就可以更容易，更快地调试简单的东西，然后再回到传统的环境中寻找其他东西。