Debuggen von Anzeigevorlagen

Veröffentlichung des Originalartikels: 24.07.2012

Direkt nach der Veröffentlichung meines letzten Blogbeitrags zur Verwendung benutzerdefinierter Anzeigevorlagen wurde mir natürlich sofort die Frage gestellt, wie das Debuggen dieser Anzeigevorlagen funktioniert. Hierfür habe ich verschiedene Methoden gefunden:

1. Fügen Sie in Ihrer Anzeigevorlage eigenen JavaScript-Code nach dem ersten div-Tag hinzu, und geben Sie eine debugger; -Anweisung ein. Sie MÜSSEN in Internet Explorer die Option zum Deaktivieren des Skriptdebuggings deaktivieren und den Browser neu starten. Das ist wirklich cool, weil Sie in Visual Studio alle Variablen und Abfragewerte finden:

    

2. Die zweite Methode ist ein bisschen „hartcodierter“ und gefällt mir deshalb weniger, funktioniert aber bisher bestens. Sie müssen dazu folgende Schritte ausführen:

   1. Drücken Sie F12, um das Internet Explorer-Entwicklerfenster zu öffnen.
   2. Klicken Sie auf die Registerkarte Skript.
   3. Wählen Sie in der Dropdownliste mit den Skriptdateien clientrenderer.js aus.
   4. Suchen Sie die Funktion CoreRenderWorker; dazu gehe ich in der Regel zur vorletzten Skriptzeile und drücke die ENDE-TASTE.
   5. Klicken Sie auf die erste Codezeile innerhalb dieser Funktion, und markieren Sie sie; sie sollte „var a;“ oder so ähnlich lauten.
   6. Klicken Sie mit der rechten Maustaste darauf, und klicken Sie im Menü auf Haltepunkt einfügen.
   7. Klicken Sie auf die Schaltfläche Debuggen starten.
   8. Wechseln Sie wieder zum Browser, und führen Sie Ihre Abfrage aus.
   9. Wenn der Debugger gestartet wird, klicken Sie in der rechten Seite des Fensters auf die Registerkarte Lokale Variablen, und klicken Sie dann auf das Pluszeichen neben der Variablen „c“, um sie zu erweitern.
   10. Sie können alle Variablen hier anzeigen, aber im Allgemeinen werden Sie im Debugger auf die Wiedergabeschaltfläche klicken und den Vorgang fortsetzen. Immer wenn ein neuer Codesatz geladen wird, wird die Variable „c“ ausgeblendet. Sie sollten diese Variable erneut einblenden, um festzustellen, welche Daten enthalten sind. Generell müssen Sie drei bis fünf Mal auf die Wiedergabeschaltfläche klicken, bis ein Objekt mit der Bezeichnung CurrentItem für die Variable „c“ angezeigt wird. Dies stellt ein einzelnes Suchergebnis dar und ermöglicht das Prüfen aller Werte für die verwalteten Eigenschaften, die Sie angefordert haben. Dies ist äußerst hilfreich, und Visual Studio ist nicht erforderlich.

Es handelt sich hierbei um einen übersetzten Blogbeitrag. Sie finden den Originalartikel unter Debugging Display Templates