javascript - 调试适用于 Office 的 JavaScript API

Question

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

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

1. 重新加载 Office 应用(右键单击“重新加载”)会中断 Visual Studio 脚本调试，因此通常更容易结束调试并重新开始。为什么会坏？我可以阻止它破裂吗？

2. 是否有可与 Chrome 的“检查元素”和所有相关的 DOM 探索功能相媲美的东西？我正在使用客户端模板 (KnockoutJS) 并诉诸于使用即时窗口来尝试内省(introspection) DOM。

3. 我的代码进行 AJAX 调用，但由于缺少内联调试语句，我还没有找到像 Chrome 的“网络”选项卡那样跟踪调用的方法。

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

1. 不要在调试器暂停(中断)时“停止调试”，因为这往往会使 Visual Studio 挂起，而返回的唯一方法是终止它并重新启动，这很乏味。如果您继续执行代码直到它(希望)终止，那么您可以毫无问题地停止调试器。

2. Microsoft 的示例代码将调试信息添加到应用程序 HTML 页面上的元素。我发现这是次优的，只需在我的应用程序中创建一个“调试”表，每次我想报告一些事情时都会添加一行。这具有跨调试 session 持续存在的额外优势。我为 table wrapper 发布了要点和一个 error handler扩展表包装器。

3. Visual Studio 2012 中的“快速观察”对于评估 jQuery 表达式和分析 JSON 结果很有用。

Answer 1

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