调试显示模板

原文发布于 2012 年 7 月 24 日（星期二）

使用自定义显示模板发布上一篇帖子之后，我得到的第一个问题是，“嗯，看起来确实很棒，请问如何进行调试”？好的，以下是我总结得出的几种调试方法：

1. 在显示模板上，在第一个 div 标记之后添加自己的 javascript，并放置 debugger; 语句。注意：您必须在 IE 上取消选中该选项以禁用脚本调试，并重新启动浏览器。这确实非常酷，因为您现在就可以开始使用 Visual Studio，并获得所有变量和查询值：

    

2. 第二种方式有点像“硬编码”，因此我不太喜欢它。但到目前为止，它还比较好用。您需要执行以下操作：

   1. 按 F2 以显示“IE 开发人员”(IE Developer) 窗口
   2. 单击“脚本”(Script) 选项卡
   3. 在含有脚本文件列表的下拉列表中，选择 clientrenderer.js
   4. 查找 CoreRenderWorker 函数；通常，我会在脚本倒数第二行找到它，并按 END 键。
   5. 单击并突出显示该函数内的第一行代码，类似于“var a;”
   6. 右键单击该代码，并从菜单中选择“插入断点”(Insert Breakpoint)。
   7. 单击“启动调试”(Start Debugging) 按钮。
   8. 返回至浏览器并执行查询。
   9. 当调试程序开始工作时，请单击该窗口右侧的“局部变量”(Locals) 选项卡，然后单击 “c” 变量旁边的加号，将其展开。
   10. 您可以在此处查看所有变量，但通常您需在调试程序中单击“播放”(Play) 按钮，并继续操作。每次加载一组新代码时，“c”变量均会折叠。注意，您应返回并再次展开它，查看它包含哪些数据。通常，我发现您必须单击“播放”(Play) 按钮三至五次，直到在“c” 变量下出现一个名为“CurrentItem” 的对象为止。它代表一个搜索结果，并允许您详细查看您请求的托管属性的所有值。它十分有用，并且无需使用 Visual Studio。

 

这是一篇本地化的博客文章，请访问 Debugging Display Templates 以查看原文