Отладка при помощи средств визуализации отладчика (Debugger Visualizers) Visual Studio 2005

При отладке проекта в Visual Studio .NET 2002/2003, вы можете увидеть значение текущих переменных путем ввода переменной в окно Watch, либо путем наведения мыши на переменную в окне с кодом. Хотя данный подход прекрасно работал с переменными простого типа либо с обычными значениями, данный пользовательский интерфейс был не настолько идеален для более сложных типов и длинных значений. К примеру, если бы вы работали над приложением, которое управляло бы содержимым XML-файла, то вы наверняка захотели бы исследовать его содержимое. Это было бы нелегким заданием, если бы вы имели XML-содержимое, которое было бы длиннее, чем парочка дюжин символов, так как Visual Studio .NET отформатировал бы содержимое в одну длиннющую строку текста. Это немного осложняет задачу, если необходимо  быстро исследовать содержимое XML-файла! К счастью, отладчик в Visual Studio 2005 обладает гораздо большими возможностями. Для важных свойств Средства визуализации (Visualizers) предоставляют альтернативный вид объекта или переменной таким способом, который наиболее приемлем для типа данных. предоставляет вид типа всплывающей подсказки во время отладки, который вы можете также изменить.

Visual Studio 2005 обладает четырьмя cредствами визуализации: DataSet, который отображает содержимое DataSet в табличной сетке, и тремя текстовыми cредствами визуализации - один для текста, второй для XML и третий для HTML. Следующее изображение демонстрирует  действие cредства визуализации для XML, который предоставляет более читабельный вид XML-кода, по сравнению с простым умещением его в одну строку.

Что наиболее интересно в cредствах визуализации отладчика Visual Studio 2005, так это то, что их структура является встраиваемой. То есть мы можем создать свое собственное cредство визуализации и встроить его в Visual Studio! В данной статье мы рассмотрим основы cредств визуализации отладчика, исследуем некоторые встроенные средства, рассмотрим парочку бесплатных, а также изучим способ создания своего собственного cредства визуализации отладчика! Читайте далее, чтобы узнать больше об этом!

Основы cредств визуализации

При отладке приложения разработчикам порой необходимо знать значения определенных переменных. Visual Studio предоставляет несколько окон - Watch, Autos, Locals, и т.д., - которые отображают текущие значения различных переменных. Тем не менее, независимо от того, переменную какого типа вы рассматриваете, их значения отображаются одним и тем же способом. Для некоторых типов переменных может существовать более интуитивный способ отображения значений. К примеру, при просмотре значения строки, содержащей код HTML, вместо того, чтобы просто отображать разметку, разработчику скорее будет интересно увидеть обработанную разметку, такую, какую он увидел бы в обозревателе.

Средства визуализации предоставляют более типовой просмотр переменных во время отладки. Также они применимы к определенным типам - к примеру, cредства визуализации для Text, HTML и XML применимы к строковым переменным. При отладке вы можете навести указатель на такой тип в окне с кодом или в окнах Watch, Locals либо Autos и увидите, как появится маленькая иконка увеличительного стекла. При нажатии на него отобразится значение переменной, использующей данное cредства визуализации. (Для типов, которые поддерживают множество cредств визуализации, например строковых, данная иконка сопровождается выпадающим списком, позволяющим выбрать необходимый.)

Чтобы использовать cредства визуализации отладчика, создайте проект в Visual Studio 2005, который обладает несколькими строковыми переменными. Одной присвойте некоторый валидный XML-код; другой присвойте HTML-содержимое; третьей - длинное строковое значение. Далее, установите точку остановки в коде и затем начните отладку. В окне Watch на ссылке к данным трем переменным, содержащим XML, HTML и длинное строковое значение, вы увидите иконку увеличительного стекла справа от значения каждой переменной, как это показано ниже.

Нажатие на иконку увеличительного стекла отобразит выбранное cредство визуализации, а также вы можете выбрать желаемое средство путем нажатия на стрелочку рядом с иконкой. В вводной  части данной статьи я показал вам результат, отображенный cредством визуализации для XML; снизу вы увидите примеры, демонстрирующие cредства визуализации для текста (Text) и разметки HTML.