Create custom data visualizers

  • Article

Applies to: yesVisual Studio noVisual Studio for Mac

Note

This article applies to Visual Studio 2017. If you're looking for the latest Visual Studio documentation, see Visual Studio documentation. We recommend upgrading to the latest version of Visual Studio. Download it here

A visualizer is part of the Visual Studio debugger user interface that displays a variable or object in a manner appropriate to its data type. For example, an HTML visualizer interprets an HTML string and displays the result as it would appear in a browser window. A bitmap visualizer interprets a bitmap structure and displays the graphic it represents. Some visualizers let you modify as well as view the data.

The Visual Studio debugger includes six standard visualizers. The text, HTML, XML, and JSON visualizers work on string objects. The WPF Tree visualizer displays the properties of a WPF object visual tree. The dataset visualizer works for DataSet, DataView, and DataTable objects.

More visualizers may be available for download from Microsoft, third parties, and the community. You can also write your own visualizers and install them in the Visual Studio debugger.

In the debugger, a visualizer is represented by a magnifying glass icon VisualizerIcon. You can select the icon in a DataTip, debugger Watch window, or QuickWatch dialog box, and then select the appropriate visualizer for the corresponding object.

Write custom visualizers

Note

To create a custom visualizer for native code, see the SQLite native Debugger Visualizer sample. Custom visualizers are not supported for UWP and Windows 8.x apps.

You can write a custom visualizer for an object of any managed class except for Object and Array.

The architecture of a debugger visualizer has two parts:

  • The debugger side runs within the Visual Studio debugger, and creates and displays the visualizer user interface.

    Because Visual Studio executes on the .NET Framework Runtime, this component has to be written for .NET Framework. For this reason, it is not possible to write it for .NET Core.

  • The debuggee side runs within the process Visual Studio is debugging (the debuggee). The data object to visualize (for example, a String object) exists in the debuggee process. The debuggee side sends the object to the debugger side, which displays it in the user interface you create.

    The runtime for which you build this component should match the one in which the debuggee process will run, that is, either .NET Framework or .NET Core.

The debugger side receives the data object from an object provider that implements the IVisualizerObjectProvider interface. The debuggee side sends the object through the object source, which is derived from VisualizerObjectSource.

The object provider can also send data back to the object source, which lets you write a visualizer that can edit data. You override the object provider to talk to the expression evaluator and the object source.

The debuggee side and debugger side communicate with each other through Stream methods that serialize a data object into a Stream and deserialize the Stream back into a data object.

You can write a visualizer for a generic type only if the type is an open type. This restriction is the same as the restriction when using the DebuggerTypeProxy attribute. For details, see Use the DebuggerTypeProxy attribute.

Custom visualizers may have security considerations. See Visualizer security considerations.

The following steps give a high-level overview of visualizer creation. For detailed instructions, see Walkthrough: Write a visualizer in C# or Walkthrough: Write a visualizer in Visual Basic.

To create the debugger side

To create the visualizer user interface on the debugger side, you create a class that inherits from DialogDebuggerVisualizer, and override the Microsoft.VisualStudio.DebuggerVisualizers.DialogDebuggerVisualizer.Show method to display the interface. You can use IDialogVisualizerService to display Windows forms, dialogs, and controls in your visualizer.

  1. Use IVisualizerObjectProvider methods to get the visualized object on the debugger side.

  2. Create a class that inherits from DialogDebuggerVisualizer.

  3. Override the Microsoft.VisualStudio.DebuggerVisualizers.DialogDebuggerVisualizer.Show method to display your interface. Use IDialogVisualizerService methods to display Windows forms, dialogs, and controls in your interface.

  4. Apply DebuggerVisualizerAttribute, giving it the visualizer to display (DialogDebuggerVisualizer).

Special debugger side considerations for .NET 5.0+

Custom Visualizers transfer data between the debuggee and debugger sides through binary serialization using the BinaryFormatter class by default. However, that kind of serialization is being curtailed in .NET 5 and above due to security concerns regarding its unfixible vulnerabilities. Moreover, it has been marked completely obsolete in ASP.NET Core 5 and its usage will throw as described in the ASP.NET Core Documentation. This section describes the steps you should take to make sure your visualizer is still supported in this scenario.

  • For compatibility reasons, the Show method that was overridden in the preceding section still takes in an IVisualizerObjectProvider. However, starting in Visual Studio 2019 version 16.10, it is actually of type IVisualizerObjectProvider2. For this reason, cast the objectProvider object to the updated interface.

  • When sending objects, like commands or data, to the debuggee-side use the IVisualizerObjectProvider2.Serialize method to pass it to a stream, it will determine the best serialization format to use based on the runtime of the debuggee process. Then, pass the stream to the IVisualizerObjectProvider2.TransferData method.

  • If the debuggee-side visualizer component needs to return anything to the debugger-side, it will be located in the Stream object returned by the TransferData method. Use the IVisualizerObjectProvider2.GetDeserializableObjectFrom method to get an IDeserializableObject instance from it and process it as required.

Please refer to the Special debuggee side considerations for .NET 5.0+ section to learn what other changes are required on the debuggee-side when using Binary Serialization is not supported.

Note

If you would like more information on the issue, see the BinaryFormatter security guide.

To create the visualizer object source for the debuggee side

In the debugger side code, edit the DebuggerVisualizerAttribute, giving it the type to visualize (the debuggee-side object source) (VisualizerObjectSource). The Target property sets the object source. If you omit the object source, the visualizer will use a default object source.

In the debuggee-side code:

  • To let the visualizer edit data objects, the object source must inherit from from VisualizerObjectSource and override the TransferData or CreateReplacementObject methods.

  • If you need to support multi-targeting in your visualizer, you can use the following Target Framework Monikers (TFMs) in the debuggee-side project file.

    <TargetFrameworks>net20;netstandard2.0;netcoreapp2.0</TargetFrameworks>

    These are the only supported TFMs.

Special debuggee side considerations for .NET 5.0+

Important

Additional steps might be needed for a visualizer to work starting in .NET 5.0 due to security concerns regarding the underlying binary serialization method used by default. Please read this section before continuing.

  • If the visualizer implements the TransferData method, use the newly added GetDeserializableObject method that is available in the latest version of VisualizerObjectSource. The IDeserializableObject it returns helps to determine the object's serialization format (binary or JSON) and to deserialize the underlying object so that it may be used.

  • If the debuggee-side returns data to the debugger-side as part of the TransferData call, serialize the response to the debugger-side's stream via the Serialize method.

See also