XAML in Windows 8 Store Apps / VS2012 überprüfen

8

Ich suche nach einer Möglichkeit, laufendes XAML in einer Windows 8 Store App zu überprüfen. Im Wesentlichen möchte ich Firebug / Chrome Inspector Stil Funktionalität, wo ich auf die XAML-Quelle zur Laufzeit generiert, um einfache Layout und Stil Probleme zu debuggen.

Ich habe Snoop, Pistachio und WPF Inspector ausprobiert, aber keine für Windows Store-Apps. Der einzige, den ich finden kann, der für Store-Apps zu funktionieren scheint, ist XAML Spy, der 90 € kostet. Ich kann diese Kosten nicht rechtfertigen.

Gibt es eine andere Möglichkeit, das Ausführen von XAML zu überprüfen?

    
roryok 11.12.2012, 10:07
quelle

4 Antworten

5

Die Klasse VisualTreeDebugger von WinRT XAML Toolkit ist, was Sie können Verwenden Sie, wenn Sie ein kostenloses Tool möchten. Es ist nicht so viel wie XAML Spy, aber Sie bekommen, was Sie bezahlen. Ich dachte darüber nach, weitere Features hinzuzufügen, wie die tatsächliche Visualisierung dessen, was Sie debuggen, aber die erforderliche Arbeit würde die Zeitinvestition nicht rechtfertigen. Ich wollte nicht auf Koen Zwikstras Gelände treten. Ich bin mir sicher, dass er bei diesem Tool eine großartige Arbeit leistet. Anyways - VisualTreeDebugger ist genug für mich, also wäre es vielleicht auch genug für dich.

Wie Sie es verwenden können, fügen Sie Ihrem Code die Klasse hinzu, fügen Sie einen Verweis in Ihrem XAML hinzu, wie

%Vor%

Setzen Sie dann einen Haken auf ein Steuerelement, wo Sie das Debuggen starten möchten, wie

%Vor%

, die die visuellen Kernbaumdetails als Text in Ihrem Debugger-Ausgabefenster ablegen (Strg + W, O) und den Code, der Ihre Baumstruktur abgelegt hat, einbricht, wo Sie die Variable "path" untersuchen können, die die Liste aller enthält visuelle Baumelemente vom debugged-Steuerelement zum root, so dass Sie ihre Werte ansehen können, wenn das, was Sie brauchen, nicht bereits im Ausgabefenster abgelegt wurde.

Andere Optionen umfassen

%Vor%

Da es sich um Quellcode und wirklich eine einfache Klasse handelt, können Sie dem Code ganz einfach zusätzliche Funktionen hinzufügen, um jedes benutzerdefinierte Debugging durchzuführen, das Sie benötigen.

    
Filip Skakun 13.12.2012, 21:23
quelle
6

WinRT XAML Toolkit verfügt jetzt über einen visuellen Visual Tree Debugger.

Holen Sie es von NuGet: nuget.org/packages/winrtxamltoolkit.Debugging und rufen Sie dann WinRTXamlToolkit.Debugging.DC.ShowVisualTree() auf, um das Debugger-Tool in Ihrer App anzuzeigen. Es ist die dritte Option, jetzt können Sie

verwenden
  • Die Klasse WinRTXAMLToolkit.Debugging.VisualTreeDebugger - mit der Sie die Struktur in Visual Studio debuggen können
  • XAML Spy - ein großartiger kommerzieller Visual Tree Debugger, der in einem separaten Fenster läuft
  • und jetzt dieser Visual Tree Debugger im WinRT XAML Toolkit, der in Ihrer App funktioniert.

    
Filip Skakun 28.06.2013 23:18
quelle
3

XAML Spy ist, was Sie brauchen. Sie finden es unter Ссылка .

    
thomasmartinsen 12.12.2012 21:21
quelle
3

Es gibt ein neues kostenloses Tool namens XAML Inspector. Es ist über NuGet verfügbar. Suchen Sie einfach nach "xamlinspector" oder rufen Sie if auf der Projektseite www.xamlinspector.com

ab

Grüße Christ

    
Christian Moser 21.12.2013 09:58
quelle