1. 项目概述为什么我们需要一个跨平台的Wireshark UI如果你和我一样是个常年和网络协议、数据包打交道的人那么Wireshark这个名字对你来说就像空气和水一样自然。它是网络工程师、安全研究员、开发者的“瑞士军刀”能让你看清网络上流动的每一个比特。但不知道你有没有过这样的体验在Windows上Wireshark的界面用起来还算顺手可一旦切换到macOS或者Linux那种界面风格的不统一、偶尔的卡顿甚至是一些平台特有的小毛病总会让你觉得有点“隔靴搔痒”。尤其是在进行一些需要长时间、高强度分析的任务时一个稳定、流畅、体验一致的界面能极大地提升效率减少不必要的烦躁感。这就是“WiresharkQtUI”这个项目诞生的初衷。它不是一个要替代Wireshark核心引擎libpcap/winpcap, dissectors的庞然大物而是一个专注于“界面”的解决方案。简单来说它旨在利用Qt框架强大的跨平台能力为Wireshark的核心抓包与分析功能重新打造一个统一的、现代化的用户界面外壳。你可以把它想象成给Wireshark这颗强大的“心脏”换上了一套能在Windows、macOS、Linux上都能完美适配的“新衣服”和“新操控面板”。这个项目的核心价值在于解决原生Wireshark GUI基于GTK在跨平台体验上的一些固有痛点。比如在macOS上原生界面的菜单栏、窗口控件风格与系统原生应用格格不入在某些Linux发行版上字体渲染或高分屏支持可能不尽如人意。而Qt作为一个成熟的跨平台C框架其信号与槽机制、丰富的UI控件、以及对各操作系统原生外观的良好适配为构建一个体验更佳、性能更稳定的前端提供了理想的基础。对于需要频繁在不同操作系统间切换工作的专业人士或者希望为内部工具链集成一个统一网络分析界面的团队来说这样一个工具无疑具有很大的吸引力。2. 核心架构与设计思路拆解要理解WiresharkQtUI我们得先拆解一下它的技术栈和设计哲学。这个项目的核心是在Wireshark强大的后端分析能力与用户之间用Qt搭建一座高效、美观的桥梁。2.1 为什么选择Qt作为UI框架首先跨平台是Qt的看家本领。它通过一套代码可以编译生成在Windows、macOS、Linux甚至嵌入式系统上运行的原生应用。这里的“原生”不仅仅是能运行更重要的是能较好地遵循各个平台的UI设计规范如Windows的Fluent Design、macOS的Aqua、Linux的GTK/Qt主题提供符合用户习惯的交互体验。相比于Wireshark原生使用的GTKQt在非Linux平台上的原生感通常更强社区支持和商业应用案例也极其丰富。其次Qt的信号与槽机制是处理复杂UI交互的利器。在网络封包分析这种场景下用户的一个操作如点击开始抓包、应用一个显示过滤器往往需要触发后端一系列的数据处理、视图更新等异步操作。信号与槽这种基于事件驱动的通信方式能够清晰地将前端交互与后端逻辑解耦让代码结构更清晰也更容易维护和调试。例如当用户修改了过滤器输入框一个textChanged信号发出对应的槽函数可以负责验证语法、并通知后端更新过滤逻辑。再者Qt提供了强大的图形视图框架Graphics View Framework和模型/视图Model/View编程范式。这对于实现Wireshark中核心的封包列表视图至关重要。我们可以将抓取到的封包数据抽象成一个数据模型Model而Qt的视图View控件如QTableView、QTreeView负责渲染和交互。这种分离使得数据管理和界面展示独立开来无论是排序、过滤还是更新数据都变得非常高效和灵活。自定义的代理Delegate还可以让我们精细控制每个单元格的绘制方式比如用不同颜色高亮特定协议或异常流量。2.2 与Wireshark核心的交互模式WiresharkQtUI不会去重新实现协议解析、抓包驱动这些底层复杂功能那是libwireshark库的领域。因此项目的关键设计在于如何与现有的Wireshark核心库通常是通过C API进行通信。这通常有两种思路思路一进程间通信IPC。将Qt UI作为一个独立进程通过管道、共享内存或本地套接字等方式与一个修改过的或特定版本的Wireshark核心进程或一个轻量级封装服务进行通信。UI进程负责发送控制命令如开始/停止抓包、设置过滤器核心进程负责执行抓包、解析并将结果数据流推送回UI进程。这种方式的优点是隔离性好UI的崩溃不会导致核心抓包进程异常缺点是通信开销相对较大实时性可能受轻微影响架构更复杂。思路二直接链接libwireshark库。将Qt UI应用直接编译链接到Wireshark的核心静态库或动态库。UI代码直接调用libwireshark提供的C函数来执行所有操作。这种方式效率最高延迟最小架构更直接。但挑战在于需要深入理解libwireshark复杂且可能变化的API并且UI与核心库的耦合度很高核心库的更新可能会直接影响UI的兼容性。对于一个追求性能和高集成度的项目思路二往往是更优的选择。这意味着开发者需要仔细研究Wireshark源码中ui/gtk目录下的实现理解其如何初始化捕获会话、注册包回调函数、调用协议解析器等然后将这些调用“翻译”到Qt的事件循环和数据结构中。注意无论采用哪种方式都需要妥善处理线程问题。网络抓包和协议解析是计算密集型或I/O密集型任务绝不能阻塞Qt的主事件循环UI线程。必须将这些耗时操作放在单独的线程如使用QThread中执行然后通过线程安全的机制如信号与槽但需要注意跨线程连接类型将结果传递回主线程更新界面。2.3 主要功能模块规划基于Wireshark的标准功能一个完整的WiresharkQtUI至少需要规划以下几个核心模块主窗口与布局管理实现可停靠、可浮动、可关闭的子窗口Dock Widget如封包列表、协议详情树、字节流视图。用户应能自由定制布局并保存。捕获接口选择与配置列出系统可用网卡支持混杂模式、缓冲区大小、捕获过滤器BPF语法等高级设置。实时封包列表视图高性能地滚动显示捕获到的封包支持多列排序、自定义列、快速着色规则。协议详情树与字节流视图联动显示选中封包的协议层级详情和原始十六进制/ASCII数据。显示过滤器引擎集成Wireshark强大的显示过滤器语法提供输入框、语法高亮、自动补全和历史记录。统计与图表功能实现对话Conversation、端点Endpoints、IO图表等统计视图可能利用Qt Charts或QCustomPlot进行绘图。文件操作支持打开/保存.pcapng、.pcap等格式文件以及导出特定封包或会话。首选项与配置管理用户偏好如外观主题、字体、默认列、快捷键映射等。3. 关键实现细节与核心技术点3.1 高性能封包列表的数据模型设计封包列表是用户最常交互的组件其性能直接影响使用体验。当高速抓包时每秒可能有成千上万个封包需要实时插入到列表中。如果使用简单的QListPacketInfo加上QStandardItemModel在数据量巨大时频繁的insertRow调用和视图更新会导致界面严重卡顿。解决方案是采用自定义的、基于角色的数据模型继承自QAbstractTableModel并配合批量更新。class PacketListModel : public QAbstractTableModel { Q_OBJECT public: // ... 构造函数、角色枚举等 ... // 核心存储封包数据的轻量级结构体数组 QVectorPacketRecord m_packets; // 批量添加封包 void appendPackets(const QVectorPacketRecord newPackets) { if (newPackets.isEmpty()) return; int first m_packets.size(); int last first newPackets.size() - 1; beginInsertRows(QModelIndex(), first, last); m_packets.append(newPackets); endInsertRows(); // 可以在这里发出一个信号通知外部数据已更新例如更新状态栏计数 } // 实现必要的虚函数 int rowCount(const QModelIndex parent QModelIndex()) const override { return parent.isValid() ? 0 : m_packets.size(); } int columnCount(const QModelIndex parent QModelIndex()) const override { return m_columns.size(); // m_columns定义了显示的列 } QVariant data(const QModelIndex index, int role Qt::DisplayRole) const override { if (!index.isValid() || index.row() m_packets.size()) return QVariant(); const PacketRecord record m_packets.at(index.row()); int col index.column(); if (role Qt::DisplayRole) { // 根据列索引返回对应字段如No., Time, Source, Destination, Protocol, Length, Info return record.getFieldDisplay(col); } else if (role Qt::ForegroundRole) { // 根据封包着色规则返回颜色 return getPacketColor(record); } // ... 处理其他角色如Qt::ToolTipRole提供更详细提示 ... return QVariant(); } // ... headerData, sort 等其他函数 ... };关键优化点批量操作appendPackets函数使用beginInsertRows和endInsertRows将多个封包的插入包装成一次模型更新而不是每来一个封包就插入一行这能极大减少视图刷新的开销。延迟渲染Qt的视图组件在显示大量数据时默认只渲染可视区域内的行。我们的数据模型要确保data()函数的执行速度极快避免复杂的计算。所有用于显示的字段如IP地址字符串、协议名应在封包解析后在后台线程就预先计算好并存储在PacketRecord中。异步排序与过滤排序和显示过滤是耗时的。当用户触发排序或输入过滤器时不应阻塞UI。可以启动一个工作线程在新的数据副本上执行排序/过滤操作完成后再通过信号槽通知主线程更新模型数据。3.2 集成显示过滤器与语法高亮Wireshark的显示过滤器功能强大但语法复杂。在Qt中实现需要一个能够解析过滤器表达式并应用于数据模型的引擎以及一个用户友好的输入框。过滤器引擎最直接的方式是尝试调用libwireshark中的过滤器编译和执行函数。如果这条路不通则需要自己实现一个简化的语法解析器这难度很大。更可行的方案是UI将过滤器字符串传递给后端核心通过IPC或直接调用由核心返回一个匹配的封包索引列表UI再根据这个列表来高亮或隐藏行。输入框组件使用QLineEdit或QPlainTextEdit作为基础。我们可以继承它创建一个FilterEdit控件。语法高亮使用QSyntaxHighlighter。为不同的元素如协议名ip、比较运算符、逻辑运算符and、括号、值定义不同的文本格式颜色、加粗。class FilterHighlighter : public QSyntaxHighlighter { // 在highlightBlock函数中使用正则表达式匹配不同语法元素并设置格式 };自动补全使用QCompleter。提供一个字符串列表作为补全源这个列表可以静态包含常用协议和字段如ip.addr,tcp.port,http也可以更高级地从当前加载的封包中动态提取所有出现的协议类型。语法验证在用户输入时或按下回车时尝试将字符串传递给后端过滤器编译器。如果编译失败将输入框背景设为浅红色并在工具提示或状态栏显示错误信息。3.3 协议详情树与字节流视图的联动当用户在封包列表点击一个封包时需要在下方的详情树中展示该封包的协议栈并在字节流视图中同步选中对应的原始数据。详情树实现使用QTreeWidget或自定义的树模型。数据来源同样是libwireshark的解析结果。每个协议层作为父节点其下的字段作为子节点。需要实现一个函数接受一个封包数据或索引向libwireshark请求其协议树结构然后转换为Qt的树模型项。联动原理列表 - 详情/字节流这是单向的。捕获列表的clicked或currentChanged信号被触发后槽函数获取选中封包的数据然后刷新详情树模型和字节流视图的内容。详情树 - 字节流当用户在详情树中点击某个协议字段时需要高亮字节流视图中对应的原始字节范围。这需要协议解析器在生成详情树时为每个字段记录其在原始数据中的起始偏移量和长度。当树节点被选中时将这个偏移量和长度信息传递给字节流视图组件使其能够高亮相应区域。字节流 - 详情树当用户在字节流视图中点击或选择一段字节时应尝试反查这段数据对应哪个协议字段并高亮详情树中的对应节点。这需要建立从字节偏移到协议树节点的映射关系实现起来更复杂但能提供很好的逆向导航体验。字节流视图这是一个自定义的QWidget需要重写其paintEvent。通常以十六进制转储Hex Dump的形式显示左边是偏移量中间是16进制值右边是对应的ASCII字符。高亮功能就是在绘制时根据当前选中的偏移范围用不同的背景色填充矩形区域。3.4 跨平台捕获接口的枚举与配置在不同操作系统上获取网卡列表和配置捕获参数底层依赖于libpcapLinux, macOS或WinPcap/NpcapWindows。Wireshark核心库已经封装了这些操作。在QtUI中我们需要做的就是调用相应的API。获取接口列表调用如pcap_findalldevs或libwireshark提供的封装函数获取一个可用网络接口的列表包括名称、描述、IP地址等信息。在Qt中将这些信息填充到一个QComboBox或QListWidget中供用户选择。配置捕获选项打开一个捕获会话前需要设置诸多参数如snaplen捕获每个包的最大字节数抓取长度。promisc是否开启混杂模式。timeout读取超时毫秒。buffer_size内核缓冲区大小。filter捕获过滤器BPF语法在抓包时进行硬件或内核级过滤。 这些选项可以通过一个配置对话框QDialog来收集然后传递给libwireshark的捕获启动函数。实时捕获循环捕获启动后需要在后台线程中运行一个循环不断调用pcap_dispatch或pcap_next_ex来获取封包。每捕获到一个包就调用协议解析函数将其转换为结构化的PacketRecord然后通过信号发送给主线程的PacketListModel进行批量添加。实操心得在Windows上使用Npcap时需要注意其安装选项如“WinPcap API兼容模式”。另外在某些系统上捕获网络流量可能需要管理员或root权限。在Qt应用中最好能在启动时或尝试捕获时检测权限并给出清晰的提示引导用户以适当权限运行程序。4. 开发环境搭建与项目实战步骤假设我们决定采用“直接链接libwireshark库”的方式下面是一个简化的实战步骤。4.1 环境准备与依赖编译安装Qt从官网下载Qt Online Installer安装最新稳定版的Qt Creator和至少一个桌面平台的Qt库如Qt 6.5 MSVC2019 64-bit。确保勾选了CMake组件因为现代Qt项目多用CMake管理。获取Wireshark源码从Wireshark官网的Git仓库克隆源码。我们需要编译得到libwireshark库和它的依赖如glib, libpcap等。git clone https://gitlab.com/wireshark/wireshark.git cd wireshark这是一个庞大的工程编译需要耐心。根据官方文档配置CMake时我们主要需要开发库和头文件。可以关闭不必要的组件如GTK UI, Qt UI旧版。mkdir build cd build # 示例CMake配置Linux/macOS cmake .. -DCMAKE_INSTALL_PREFIX/path/to/wireshark-dist \ -DBUILD_wiresharkOFF \ -DENABLE_QT6OFF \ # 禁用Wireshark自带的旧版Qt UI -DCMAKE_BUILD_TYPERelease make -j$(nproc) make install编译完成后在安装目录/path/to/wireshark-dist下的lib文件夹中会找到libwireshark.soLinux、libwireshark.dylibmacOS或wireshark.libWindowsinclude文件夹中有所有头文件。处理依赖库Wireshark依赖许多其他库如glib, libpcap, zlib, c-ares等。在Linux/macOS上通常可以通过包管理器安装开发版-dev或-devel包。在Windows上编译过程可能会自动下载或你需要手动准备。确保你的Qt项目能正确找到这些依赖库的头文件和链接库。4.2 创建Qt项目并配置CMake打开Qt Creator新建一个CMake项目。在项目根目录的CMakeLists.txt中关键是要正确找到并链接Wireshark库。cmake_minimum_required(VERSION 3.16) project(WiresharkQtUI VERSION 0.1.0 LANGUAGES CXX) set(CMAKE_CXX_STANDARD 17) set(CMAKE_CXX_STANDARD_REQUIRED ON) # 查找Qt库 find_package(Qt6 REQUIRED COMPONENTS Core Widgets Concurrent) # 如果需要Charts再加 Charts # 设置Wireshark库的路径 set(WIRESHARK_ROOT /path/to/your/wireshark-dist) set(WIRESHARK_INCLUDE_DIR ${WIRESHARK_ROOT}/include) set(WIRESHARK_LIBRARY ${WIRESHARK_ROOT}/lib/libwireshark.so) # 根据平台调整 # 查找其他依赖例如GLib find_package(PkgConfig REQUIRED) pkg_check_modules(GLIB REQUIRED glib-2.0) # 添加可执行文件 add_executable(WiresharkQtUI src/main.cpp src/mainwindow.cpp src/packetlistmodel.cpp # ... 其他源文件 ... ) # 包含头文件目录 target_include_directories(WiresharkQtUI PRIVATE ${CMAKE_CURRENT_SOURCE_DIR}/src ${WIRESHARK_INCLUDE_DIR} ${GLIB_INCLUDE_DIRS} ) # 链接库 target_link_libraries(WiresharkQtUI PRIVATE Qt6::Core Qt6::Widgets ${WIRESHARK_LIBRARY} ${GLIB_LIBRARIES} # 链接其他必要库如 pcap, z, crypto等 pcap z )这是一个极度简化的版本实际链接的库可能多达十几个需要根据Wireshark编译输出的pkg-config文件.pc或CMake配置文件来精确确定。4.3 核心功能模块的渐进式实现不要试图一次性完成所有功能。建议按照以下顺序迭代开发阶段一最小可行产品MVP创建一个基本的MainWindow包含菜单栏、工具栏和中心部件。实现捕获接口选择对话框能列出网卡。实现简单的捕获线程调用libwireshark最基础的捕获API将捕获到的原始包长度和时间打印到控制台或一个简单的文本框中。目标能成功启动和停止捕获。阶段二数据展示设计PacketRecord数据结构包含编号、时间戳、源/目的地址、协议、长度、概要信息等字段。实现PacketListModel继承QAbstractTableModel并关联到一个QTableView。在捕获线程中将抓到的包解析调用libwireshark的epan_dissect_run等函数成PacketRecord通过信号槽批量添加到模型。目标能在表格中实时滚动显示捕获到的封包列表。阶段三详情与过滤实现协议详情树。当点击封包列表某一行时获取该包的详细解析数据并填充到一个QTreeWidget中。实现字节流视图。显示选中封包的原始十六进制和ASCII数据。实现显示过滤器输入框集成语法高亮。先实现一个简单的字符串匹配过滤如协议名过滤再逐步对接复杂的libwireshark过滤器。目标能查看封包详情并能进行基础的过滤。阶段四完善与优化实现着色规则根据用户定义的规则如协议、端口、IP为封包列表行着色。实现统计功能对话、端点、IO图。这需要累积一段时间的数据进行计算可以使用QtCharts绘图。实现文件保存/载入调用libwireshark的写文件/读文件API。实现首选项对话框保存窗口布局、列宽、颜色主题等设置。全面优化性能模型批量更新、视图延迟加载、后台过滤/排序等。目标成为一个功能齐全、性能可用的替代UI。4.4 界面美化与跨平台适配使用Qt样式表QSS定义应用程序的整体外观。可以设计深色/浅色主题。确保颜色对比度适合长时间查看。图标资源为开始/停止捕获、打开/保存文件等常用操作提供清晰的图标。可以使用SVG格式以获得更好的缩放效果。平台特定调整macOS注意菜单栏的整合。Qt应用在macOS上默认会将QMenuBar放在屏幕顶部的系统菜单栏。确保关于About、偏好设置Preferences、退出Quit等菜单项的位置符合macOS规范如“关于”在第一个菜单“偏好设置”在“WiresharkQtUI”菜单下等。Windows/Linux菜单栏在窗口内部。高DPI支持在main.cpp中设置QApplication::setAttribute(Qt::AA_EnableHighDpiScaling);并确保图标和界面元素有对应的2x高分辨率版本。字体选择一款等宽字体用于字节流视图和可能的数据显示如Consolas,Monaco,DejaVu Sans Mono并确保其在各平台都能正常获取。5. 常见问题与调试技巧实录在开发这样一个深度融合了第三方复杂库的项目时遇到问题是常态。以下是我在类似项目中踩过的一些坑和总结的技巧。5.1 编译与链接问题问题编译时找不到epan/*.h等Wireshark头文件。排查检查CMakeLists.txt中target_include_directories的路径是否正确指向了Wireshark的安装目录下的include文件夹。确保你编译安装Wireshark时开发文件头文件和库确实被安装了。问题链接时报告大量未定义引用undefined reference特别是Wireshark内部的函数。排查这通常是因为链接的库不全。Wireshark由数十个内部库组成libwireshark,libwiretap,libwsutil等。最稳妥的方法是使用Wireshark提供的pkg-config文件。在CMakeLists.txt中find_package(PkgConfig REQUIRED) pkg_check_modules(WIRESHARK REQUIRED wireshark) target_include_directories(your_target PRIVATE ${WIRESHARK_INCLUDE_DIRS}) target_link_libraries(your_target PRIVATE ${WIRESHARK_LIBRARIES})如果pkg-config不可用就需要手动列出所有必需的库顺序很重要。参考Wireshark自身ui/qt目录下的CMakeLists.txt是如何链接的。问题在Windows上运行时提示缺少*.dll如libglib-2.0-0.dll。排查这是动态链接库的运行时依赖问题。将Wireshark及其所有依赖的DLL文件通常位于Wireshark安装目录的bin或lib子目录下复制到你的可执行文件.exe所在的目录或者将其路径添加到系统的PATH环境变量中。5.2 运行时崩溃与稳定性问题在捕获线程中调用libwireshark函数解析包时程序随机崩溃。排查这极有可能是线程安全问题。libwireshark的很多函数不是线程安全的。确保所有对libwireshark API的调用都发生在同一个线程比如专门的“解析线程”或者使用互斥锁QMutex进行保护。特别是像epan_dissect_run这样的函数其内部可能使用了全局或静态变量。技巧创建一个单独的QThread作为“捕获与解析线程”。在这个线程的run()函数中执行pcap_loop和包解析。将解析好的、纯粹的数据如PacketRecord通过信号使用Qt::QueuedConnection连接方式这是线程安全的发送给主线程的模型。绝对避免在子线程中直接操作UI部件或模型。问题长时间抓包后内存占用持续增长内存泄漏。排查检查自己的代码确保new/malloc都有对应的delete/free。在Qt中如果对象有父对象parent通常父对象析构时会自动删除子对象但动态分配且无父对象的QObject需要手动管理。检查封包数据存储PacketListModel中的QVectorPacketRecord是否无限增长需要实现清理机制比如只保留最近N个包或者提供“清除”功能。使用工具在Linux/macOS上可以使用valgrind在Windows上可以使用Visual Studio的诊断工具或Dr. Memory来检测内存泄漏。重点观察每次捕获/解析循环中是否有未释放的资源。5.3 性能优化问题问题抓包速度很快时1000 pps界面卡顿封包列表更新跟不上。优化批量更新如前所述确保模型使用beginInsertRows/endInsertRows进行批量插入而不是单包插入。降低更新频率不要在捕获线程每收到一个包就发一次信号。可以设置一个缓冲区或定时器在捕获线程中累积一定数量如100个的包或者每100毫秒才批量发送一次信号给主线程。简化data()函数确保PacketListModel::data()函数执行速度极快。所有字符串格式化、颜色计算都应在封包解析时在后台线程完成data()函数只做简单的返回。考虑虚拟模型对于海量数据如打开一个几GB的抓包文件QAbstractTableModel可能仍有力不从心。可以考虑QAbstractProxyModel或自定义视图只动态加载可视区域附近的数据。问题应用显示过滤器时界面会“假死”一段时间。优化将过滤操作放在后台线程执行。用户输入过滤器并确认后将当前数据模型的副本和过滤器字符串传递给一个工作线程QtConcurrent::run或自定义QThread。工作线程执行过滤生成一个匹配索引的列表然后通知主线程。主线程根据这个列表在视图上设置行的隐藏/显示属性通过QSortFilterProxyModel的filterAcceptsRow或自定义委托绘制。对于实时捕获的数据可以设计一个“过滤缓存”机制。5.4 用户体验细节问题在macOS上应用程序菜单不显示在屏幕顶部。解决确保在MainWindow构造函数中创建了QMenuBar对象并且没有将其添加到某个布局中。Qt for macOS会自动处理。也可以使用QMenuBar::setNativeMenuBar(true)默认就是true。问题显示过滤器输入框的自动补全列表太大包含了太多不常用的字段。优化不要一次性加载所有可能的字段。可以结合当前捕获文件中实际出现的协议来动态生成补全列表。或者实现一个分层的补全先补全协议如输入ip.后弹出addr、src、dst等。问题从深色主题切换到浅色主题后字节流视图的高亮颜色看不清。解决不要使用硬编码的颜色值。使用Qt的调色板QPalette或根据当前主题动态计算高亮颜色。例如高亮色可以使用基础色如蓝色的透明叠加QColor(0, 120, 215, 50)这样在不同背景色下都有较好的可视性。开发WiresharkQtUI这样的项目是对Qt应用开发、网络编程、多线程、性能优化和与大型C库交互能力的综合考验。每一步都需要仔细权衡和大量测试。但当你看到自己打造的界面流畅地解析着网络洪流并且在不同操作系统上提供着一致且高效的体验时那种成就感无疑是巨大的。这不仅仅是一个UI外壳更是你对网络数据可视化理解的一次深度实践。
