关键字：C# ;Log记录 ;在线Log记录;Socket；httplistener
一、常用场景
1、 APP开发，在真机或者虚拟机上面运行由H5或者ApiCloud的程序，或者调试别人写的程序的时候，往往不能看到一段代码执行后的输出结果是什么。作为一个天天跟后台打交道的人，浏览器尤其是习惯了Google的F12的console.log，更是希望APP调试也能够实时查看输出。
2、开发一个.Net的网站，或者Java的网站，在调试的时候，写了很多的System.console.writeline代码，写了很多System.out.println 代码，但是网站一发布，除了写在文件/数据库里面的日志记录，一旦出现问题，定位不了那段代码出错了。把出错写在文件中，又担心文件太大，占据磁盘空间，想有一种可以打开就记录Log，关闭就不记录Log的工具。
2、 其他类似的情况，一是程序是在一个黑盒子中开发的，或者是不想把无用的日志写入磁盘占据空间，你需要一款打开即用，关闭即停的工具
总结：我把他取名为：VisualTools，一个Log记录的可视化展示工具。
二、基本架构流程设计图：
如上图所示：Visual Debug Tool 提供两种方式，一种是应用程序通过直接发送Log消息给Visual Debug Tool，另一种是应用程序先发送GET请求给HTTP服务器，有HTTP服务器中转发送Log消息给Visual Tool，这两种方式，个人推荐第二种，第二种的可扩展性和兼容性都不错，只要应用程序模拟发送GET请求，并将数据放到参数中就可以做到。
第二种方式有一个好处，就是，不是同一台机器上的程序，可以通过访问HTTP 服务器的方式，去记录Log，这种方式尤其对于APP段输出字段值，有很高的便利性。
三、软件介绍：
1、 HTTP Server迷你的HTTP工具，用来代理转发Log消息：
应用程序通过GET方式访问：http://127.0.0.1:8081?pid=&msgLevel=&msg=&other=
的方式，进行发送Log消息。
Tips:
JS调用方式：
function GETLogPage(pid,msgLevel,msg,otherInfo){
$.get("http://127.0.0.1:8081?pid="+encodeURIComponent(pid)+"&msgLevel="+encodeURIComponent(msgLevel)+"&msg="+encodeURIComponent(msg)+"&other="+encodeURIComponent(otherInfo), function(response,status,xhr){
console.log(response);
});
}
C# Http的Get调用方式，自行百度。
C#调用方式，直接发送给Visual Debug Tool：（相关类，以开源，后附开源地址）
ToolsLib.MSGEntity msgentity = new ToolsLib.MSGEntity();
msgentity.msgLevel = msgLevel;
msgentity.msg = msg;
msgentity.timeStr = timeStr;
msgentity.pidIndentity = pidIndentity;
msgentity.other = other;
string ret = ToolsLib.SendMsgToBS.Send(msgentity);//发送实体
2、 Visual Debug Tool 工具
注意：HTTP Server迷你的HTTP工具 和 Visual Debug Tool 必须要运行在同一台服务器端。如果要使用其他电脑访问，可以在Visual Debug Tool里面设置该程序为服务器，其他机器通过选择连接服务器，进行连接。
如果您想要源代码，联系QQ：1097712982
程序地址（不含源码）：https://files.cnblogs.com/files/lijuanfei/VisualDebugTool.rar
原文地址：https://www.cnblogs.com/lijuanfei/p/8542803.html