为 Office 调试 JavaScript API答案

【问题标题】：Debugging JavaScript API for Office为 Office 调试 JavaScript API
【发布时间】：2012-09-27 22:53:15
【问题描述】：

显然，我已经被 Chrome 及其开发人员工具宠坏了，但在使用新的 JavaScript API for Office 开发 Office 2013 应用程序时，我正在努力制定一种轻松的调试策略。

Visual Studio 2012 通过提供脚本调试和即时窗口来提供帮助，但我发现以下是一个挑战，并希望得到指针/指导：

重新加载 Office 应用程序（右键单击“重新加载”）会中断 Visual Studio 脚本调试，因此通常更容易结束调试并重新开始。为什么会断？我可以阻止它破裂吗？
有什么可以与 Chrome 的“检查元素”和所有相关的 DOM 探索功能相媲美的吗？我正在使用客户端模板 (KnockoutJS) 并使用即时窗口来尝试内省 DOM。
我的代码进行 AJAX 调用，但缺少内联调试语句，我还没有找到像 Chrome 的“网络”选项卡那样跟踪调用的方法。

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

不要在调试器暂停（中断）时“停止调试”，因为这会导致 Visual Studio 挂起，而恢复的唯一方法是杀死它并重新启动，这很乏味。如果您继续执行您的代码直到它（希望）终止，那么您可以毫无问题地停止调试器。
Microsoft 的示例代码将调试信息添加到应用 HTML 页面上的元素中。我发现这是次优的，只需在我的应用程序中创建一个“调试”表，每次我希望报告某些内容时都会添加一行。这具有跨调试会话持续存在的额外优势。我为 table wrapper 和扩展表包装器的 error handler 发布了要点。
Visual Studio 2012 中的“快速观察”对于评估 jQuery 表达式和分析 JSON 结果非常有用。

【问题讨论】：

【解决方案1】：

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

【讨论】：