當我們看到一些設計新穎的網站時，可以借助瀏覽器自帶的Inspector 工具或插件方便的瀏覽網站布局結構及邏輯。如果是WPF 應用程序能否看到控件的架構方式呢？本篇將介紹兩款工具Snoop 和WPF Inspector 可用來窺探WPF 應用程序內部結構。

（一）Snoop

接下來打開WPF應用程序，點擊“刷新”按鍵即可看到Snoop 已經捕獲到如下圖示。

點擊“Snoop”（望遠鏡）按鍵，進入Snoop 捕獲界面。與IE8 中的Developer Tools 效果相同，在左側控件樹列表中選擇的內容會通過紅色邊框體現在WPF 應用程序中。瀏覽WPF 程序控件屬性，同時可以設置斷點進行Debug。比較欣賞Snoop 的一個功能是2D/3D 結構顯示效果，點擊工具欄中的“放大鏡”按鍵即可瀏覽，這樣看起來控件結構是不是形象了很多。

XAML代碼<Window x:Class="CrazyElephant.Client.Snoop"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Snoop" Height="300" Width="300">
    <StackPanel>
        <Button Content="測試Snoop1" Height="30" Width="100
 
" Click="Button_Click"></Button>
        <Button Content="測試Snoop2" Height="30" Width="100"></Button>
    </StackPanel>
</Window>

查看WPF 應用程序XAML結構DOM樹