0. 前言

继上次发了一个 ExpressionTree Visualizer(表达式树可视化工具) for VS2013/2015 RC 后，突然对可视化调试器有了点兴趣……于是在琢磨了两天后，搞出这么个加强版的可视化工具扩展包。

这个包相比而言功能强了很多……包含了以下类型的可视化支持：

• byte[]，字节数组，在协议分析和流处理中大量用到
• HtmlDocument/HtmlNode/HtmlNodeCollection，属于 HtmlAgilityPack 中的玩意儿，网页抓取中经常用到，因此为它们实现了可视化调试器，并可以测试XPATH。
• XmlDocument/XmlNode/XmlNodeList，提供对XML的可视化，支持XPATH查询
• JObject，是 JSON.NET 中的对象，提供对它的直观树状结构显示
• Image，支持将内存中图像直接显示出来并查看
• Expression，支持将表达式树的具体树状结构显示出来
• Linq 2 SQL，查询可视化
• NameValueCollection，支持以列表形式显示内容（含子类）

前置说明

所谓的调试可视化，就是指针对某些特定类型的时候，在调试中可以用一种比较直观准确的视图进行展示内容的工具，相比VS内置的属性列表的方式更加准确。

如下图所示，当出现放大镜图标时，点击图标可以用可视化工具进行查看。当有多个可视化工具可供选择时，放大镜旁边会出现下拉箭头。

byte[] 字节数组

byte[]，字节数组，在协议分析和流处理中大量用到。在VS中，只能用一个纵向的数组进行查看，要进行分析处理会比较蛋疼。

安装本扩展包后，将会出现一个群众喜闻乐见的十六进制编辑器对话框供查看，如下图所示。

HtmlDocument/HtmlNode/HtmlNodeCollection

HtmlDocument/HtmlNode/HtmlNodeCollection，属于 HtmlAgilityPack 中的玩意儿，网页抓取中经常用到，因此为它们实现了可视化调试器，并可以测试XPATH。

XmlDocument/XmlNode/XmlNodeList

XmlDocument/XmlNode/XmlNodeList，提供对XML的可视化，支持XPATH查询。

JObject

JObject，是 JSON.NET 中的对象，提供对它的直观树状结构显示。

Image

Image，支持将内存中图像直接显示出来并查看。

Expression

Expression，支持将表达式树的具体树状结构显示出来。

Linq 2 SQL

Linq 2 SQL，查询可视化。

NameValueCollection

NameValueCollection，支持以列表形式显示内容（含子类）。

安装方法

根据你的VS版本，下载合适的压缩包后，解压到 <我的文档>\Visual Studio 2015\Visualizers 目录下。VS2013的版本请将路径中的2015替换为2013。

感谢阅读本文，欢迎扫描下方二维码关注鱼的公众号（微信内长按识别哦）