다음을 통해 공유

偵錯顯示範本

  • 아티클

英文原文已於 2012 年 7 月 24 日星期二發佈

就在我發佈上一篇關於如何使用自訂顯示範本的文章後，我立即收到了一個好問題 – 我要如何偵錯顯示範本？嗯，我發現有兩種方法可以偵錯顯示範本：

  1. 在您的顯示範本中的第一個 div 標籤後面新增自己的 Javascript 並加入 debugger; 陳述式。請注意，您必須取消核取 IE 上的選項來停用指令碼偵錯，然後重新啟動瀏覽器。這真的很酷，因為您可以侵入 Visual Studio 然後拿到所有的變數和查詢值：

     

  2. 第二種方法有一點「硬式編碼」，所以我不是那麼喜歡，但到目前為止這方法還算不錯。您需要：

    1. 按一下 F12 開啟 [IE 開發人員] (IE Developer0 視窗
    2. 按一下 [指令碼] (Script) 索引標籤
    3. 在指令碼檔案的下拉式清單中選取 clientrenderer.js
    4. 尋找 CoreRenderWorker 函式；我通常會在指令碼的倒數第二行按 END 鍵來找到它。
    5. 按一下並且反白函式中程式碼的第一行；它應該像是 “var a;”
    6. 在上面按一下右鍵然後從功能表中選取 [插入中斷點] (Insert Breakpoint)。
    7. 按一下 [開始偵錯] (Start Debugging) 按鈕。
    8. 回到瀏覽器然後執行您的查詢
    9. 當偵錯程式出現時，在視窗的右方按一下 [區域變數] (Locals) 索引標籤，然後在 “c” 變數的旁邊按一下加號來展開它。
    10. 您可以在這裡看到所有的變數，但是通常您會在偵錯程式裡按一下 [播放] 按鈕然後繼續。;每次當一組新的程式碼載入 “c” 變數摺疊時，即表示您應該回頭再次展開變數然後看看變數中包含什麼資料。我發現通常需要按 [播放] 按鈕 3 到 5 次，直到在 “c” 變數的下方出現一個叫 “CurrentItem” 的物件。這物件代表單一搜尋的結果並且可讓您詳細檢視所有要求的受管理屬性的值。這非常實用而且不需要 Visual Studio。

 

這是翻譯後的部落格文章。英文原文請參閱 Debugging Display Templates