From 7716850e16674571610dee9d11141c3c70362a7f Mon Sep 17 00:00:00 2001 From: weiyp Date: Mon, 7 Jul 2025 10:57:53 +0800 Subject: [PATCH] =?UTF-8?q?A:=E5=8A=A8=E7=94=BB=E5=8F=8A=E6=B5=8B=E8=AF=95?= =?UTF-8?q?=E6=96=87=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../animation/dynamic_line_chart (2).html | 331 +++++ .../animation/dynamic_line_chart (3).html | 372 +++++ .../animation/network-speed-recorder (2).html | 626 ++++++++ .../animation/network-speed-recorder.html | 345 +++++ .../animation/network_speed_monitor (1).html | 677 +++++++++ .../design/ui/modern_network_tool_ui (1).html | 103 ++ .../design/ui/network-manager-ui.html | 732 +++++++++ .../design/ui/network-monitor-ui (1).html | 1063 +++++++++++++ .../design/ui/network-monitor-ui (2).html | 1284 ++++++++++++++++ .../design/ui/network-monitor-ui.html | 806 ++++++++++ .../design/ui/network_manager_ui.html | 861 +++++++++++ .../design/ui/network_monitor_ui.html | 746 ++++++++++ .../ui/network_monitor_ui_design (1).html | 911 ++++++++++++ .../ui/network_monitor_ui_design (3).html | 1310 +++++++++++++++++ .../design/ui/network_monitor_ui_design.html | 760 ++++++++++ .../04global_virtual_list.html | 726 +++++++++ .../unified_virtual_list.html | 0 17 files changed, 11653 insertions(+) create mode 100644 src/NetVizor.Frontend/design/animation/dynamic_line_chart (2).html create mode 100644 src/NetVizor.Frontend/design/animation/dynamic_line_chart (3).html create mode 100644 src/NetVizor.Frontend/design/animation/network-speed-recorder (2).html create mode 100644 src/NetVizor.Frontend/design/animation/network-speed-recorder.html create mode 100644 src/NetVizor.Frontend/design/animation/network_speed_monitor (1).html create mode 100644 src/NetVizor.Frontend/design/ui/modern_network_tool_ui (1).html create mode 100644 src/NetVizor.Frontend/design/ui/network-manager-ui.html create mode 100644 src/NetVizor.Frontend/design/ui/network-monitor-ui (1).html create mode 100644 src/NetVizor.Frontend/design/ui/network-monitor-ui (2).html create mode 100644 src/NetVizor.Frontend/design/ui/network-monitor-ui.html create mode 100644 src/NetVizor.Frontend/design/ui/network_manager_ui.html create mode 100644 src/NetVizor.Frontend/design/ui/network_monitor_ui.html create mode 100644 src/NetVizor.Frontend/design/ui/network_monitor_ui_design (1).html create mode 100644 src/NetVizor.Frontend/design/ui/network_monitor_ui_design (3).html create mode 100644 src/NetVizor.Frontend/design/ui/network_monitor_ui_design.html create mode 100644 src/NetVizor.Frontend/html/sticky-header-list/04global_virtual_list.html rename src/NetVizor.Frontend/html/{ => sticky-header-list}/unified_virtual_list.html (100%) diff --git a/src/NetVizor.Frontend/design/animation/dynamic_line_chart (2).html b/src/NetVizor.Frontend/design/animation/dynamic_line_chart (2).html new file mode 100644 index 0000000..f59c485 --- /dev/null +++ b/src/NetVizor.Frontend/design/animation/dynamic_line_chart (2).html @@ -0,0 +1,331 @@ + + + + + + 动态折线图 - 跳动小球轨迹 + + + +
+

🎯 动态数据轨迹图

+ +
+ + + + + + + + + + + + + + + + + + + + + + +
+
0
+
+ +
+ + + + +
+ +
+

💡 小球会沿着数据轨迹移动，实时显示当前数值

+
+
+ + + + \ No newline at end of file diff --git a/src/NetVizor.Frontend/design/animation/dynamic_line_chart (3).html b/src/NetVizor.Frontend/design/animation/dynamic_line_chart (3).html new file mode 100644 index 0000000..b3bbfd1 --- /dev/null +++ b/src/NetVizor.Frontend/design/animation/dynamic_line_chart (3).html @@ -0,0 +1,372 @@ + + + + + + 动态折线图 - 跳动小球轨迹 + + + +
+

🎯 动态折线图

+ +
+ +
+ +
+ + + +
+ +
+
小球位置固定在画布右侧，数据值实时更新
+
当前值: 0
+
+
+ + + + \ No newline at end of file diff --git a/src/NetVizor.Frontend/design/animation/network-speed-recorder (2).html b/src/NetVizor.Frontend/design/animation/network-speed-recorder (2).html new file mode 100644 index 0000000..2d163ad --- /dev/null +++ b/src/NetVizor.Frontend/design/animation/network-speed-recorder (2).html @@ -0,0 +1,626 @@ + + + + + + 网速记录仪 + + + +
+

网络速度监测仪

+ +
+
+ + + 1.0 +
+ +
+ + + 1.0 +
+ +
+ + +
+
+ +
+
+
+ +
+
+
+
+ +
+
+
+ 下载速度 +
+
+
+ 上传速度 +
+
+ +
+
+
当前下载速度
+
+ 0 + Mbps +
+
+
+
当前上传速度
+
+ 0 + Mbps +
+
+
+
平均下载速度
+
+ 0 + Mbps +
+
+
+
平均上传速度
+
+ 0 + Mbps +
+
+
+
+ + + + \ No newline at end of file diff --git a/src/NetVizor.Frontend/design/animation/network-speed-recorder.html b/src/NetVizor.Frontend/design/animation/network-speed-recorder.html new file mode 100644 index 0000000..94b818e --- /dev/null +++ b/src/NetVizor.Frontend/design/animation/network-speed-recorder.html @@ -0,0 +1,345 @@ + + + + + + 网速记录仪 + + + +
+

网络速度监测仪

+ +
+
+
+ +
+
+
+ +
+
+
当前速度
+
+ 0 + Mbps +
+
+
+
平均速度
+
+ 0 + Mbps +
+
+
+
峰值速度
+
+ 0 + Mbps +
+
+
+
+ + + + \ No newline at end of file diff --git a/src/NetVizor.Frontend/design/animation/network_speed_monitor (1).html b/src/NetVizor.Frontend/design/animation/network_speed_monitor (1).html new file mode 100644 index 0000000..466d7d4 --- /dev/null +++ b/src/NetVizor.Frontend/design/animation/network_speed_monitor (1).html @@ -0,0 +1,677 @@ + + + + + + 网速监测仪 - 上传下载双线版 + + + +
+
+

网络速度监测仪

+

实时监测上传下载速度

+
+ +
+
+ + +
+
+
+ +
+
+
+ 下载速度 +
+
+
+ 上传速度 +
+
+
+ +
+
+

📥 下载速度

+
+
当前
+
0 Mbps
+
+
+
平均
+
0 Mbps
+
+
+
峰值
+
0 Mbps
+
+
+ +
+

📤 上传速度

+
+
当前
+
0 Mbps
+
+
+
平均
+
0 Mbps
+
+
+
峰值
+
0 Mbps
+
+
+
+ +
+
+ + + 50 +
+
+ + + 10 +
+ + +
+
+ + + + \ No newline at end of file diff --git a/src/NetVizor.Frontend/design/ui/modern_network_tool_ui (1).html b/src/NetVizor.Frontend/design/ui/modern_network_tool_ui (1).html new file mode 100644 index 0000000..2c5cc17 --- /dev/null +++ b/src/NetVizor.Frontend/design/ui/modern_network_tool_ui (1).html @@ -0,0 +1,103 @@ + + + + + + NetGuardian - Modern Network Monitor + + + + + +
+ + + + +
+ +
+
+

当前连接

+

128

+
+
+

上传总速率

+

2.3 MB/s

+
+
+

下载总速率

+

5.1 MB/s

+
+
+

阻止请求

+

27

+
+
+ + +
+

实时流量图

+
+
+ + +
+

当前连接详情

+
+ + + + + + + + + + + + + + + + + + + + + + +
进程本地端口远程地址协议上传速率下载速率
chrome.exe4915293.184.216.34 (example.com)TCP123 KB/s987 KB/s
+
+
+
+
+ + + + diff --git a/src/NetVizor.Frontend/design/ui/network-manager-ui.html b/src/NetVizor.Frontend/design/ui/network-manager-ui.html new file mode 100644 index 0000000..1488452 --- /dev/null +++ b/src/NetVizor.Frontend/design/ui/network-manager-ui.html @@ -0,0 +1,732 @@ + + + + + + NetGuard - 现代化网络管理工具 + + + +
+ + + + +
+ +
+
+ + + + + +
+ +
+
+ 实时监控中 + + +
+
+ + +
+ +
+
+
活跃连接
+
247
+
↑ 12%
+
+
+
总下载
+
3.2GB
+
↑ 5.3MB/s
+
+
+
总上传
+
1.1GB
+
↑ 2.1MB/s
+
+
+
已阻止
+
89
+
15 今日
+
+
+ + +
+
+

网络流量实时监控

+ +
+
+ + 实时流量图表区域 +
+
+ +
+
+

应用流量排行

+ +
+
+ + 应用流量分布图 +
+
+ + +
+
+

活跃连接

+
+
全部
+
TCP
+
UDP
+
已阻止
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
进程协议本地地址远程地址速度流量状态操作
+
+
+ + + +
+
+
Chrome.exe
+
C:\Program Files\Google\Chrome
+
+
+ 		TCP192.168.1.100:54321 +
142.250.185.78:443
+
youtube.com
+ 		2.3 MB/s156 MB活跃 + +
+
+
+ + + +
+
+
Unknown.exe
+
C:\Users\AppData\Temp
+
+
+ 		TCP192.168.1.100:55789 +
185.45.67.89:8080
+
未知
+ 		0 KB/s12 KB已阻止 + +
+
+
+
+
+ + +
+
+

连接详情

+ +
+ +
+
+ + + + \ No newline at end of file diff --git a/src/NetVizor.Frontend/design/ui/network-monitor-ui (1).html b/src/NetVizor.Frontend/design/ui/network-monitor-ui (1).html new file mode 100644 index 0000000..63082d4 --- /dev/null +++ b/src/NetVizor.Frontend/design/ui/network-monitor-ui (1).html @@ -0,0 +1,1063 @@ + + + + + + NetGuard - 现代网络管理工具 + + + +
+ + + + +
+ +
+
+ + + + + +
+ +
+ + + +
+
+ + +
+ +
+
+
+
+
活跃连接
+
247
+
+ + + + + +12.5% +
+
+
+ + + + + + +
+
+
+ +
+
+
+
总流量
+
12.4 GB
+
+ + + + + +8.2% +
+
+
+ + + + +
+
+
+ +
+
+
+
阻止威胁
+
89
+
+ + + + + -5.3% +
+
+
+ + + + + +
+
+
+ +
+
+
+
活跃进程
+
42
+
+ + + + + +3.1% +
+
+
+ + + + + + + + + + + + +
+
+
+
+ + +
+
+

+ 实时连接 + +

+
+
全部
+
活跃
+
阻止
+
监控
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
进程远程地址端口协议状态带宽总流量持续时间
+
+
+ + + +
+
+
Chrome.exe
+
C:\Program Files\Google\Chrome
+
+
+ 		142.250.185.46 (google.com)443HTTPS活跃 +
+
+
+
+ 2.4 MB/s +
+ 		156 MB12m 34s
+
+
+ + + +
+
+
Discord.exe
+
C:\Users\AppData\Local\Discord
+
+
+ 		162.159.135.234 (discord.com)443WSS活跃 +
+
+
+
+ 128 KB/s +
+ 		42 MB1h 23m
+
+
+ + + +
+
+
Unknown.exe
+
C:\Temp\suspicious
+
+
+ 		185.220.101.34 (未知)8080TCP已阻止 +
+
+
+
+ 0 KB/s +
+ 		0 B-
+
+
+ + + +
+
+
OneDrive.exe
+
C:\Program Files\Microsoft\OneDrive
+
+
+ 		52.109.12.18 (microsoft.com)443HTTPS活跃 +
+
+
+
+ 1.2 MB/s +
+ 		89 MB5m 12s
+
+
+ + +
+ 已选择 2 个连接 + + +
+
+
+ + + + \ No newline at end of file diff --git a/src/NetVizor.Frontend/design/ui/network-monitor-ui (2).html b/src/NetVizor.Frontend/design/ui/network-monitor-ui (2).html new file mode 100644 index 0000000..15cbc68 --- /dev/null +++ b/src/NetVizor.Frontend/design/ui/network-monitor-ui (2).html @@ -0,0 +1,1284 @@ + + +
156
+
+
+
+ + + + +
+
+

网络流量实时监控

+
+ + + +
+
+
+ + + + + + + + + + + + + + + + + + +
+ + + 下载 + + + + 上传 + +
+
+
+ + +
+ + + + + +
+ + +
+
+
+
+ + + + + +
+
+

Chrome.exe 系统进程

+

C:\Program Files\Google\Chrome\Application

+
+
+
+
+ 本地:51234 + → + 142.250.185.46:443 +
+
googleapis.com
+
+
+
↓ 458 KB/s
+
总计: 234 MB
+
+
+ + +
+
+ +
+
+
+ + + + +
+
+

MicrosoftEdge.exe 已信任

+

C:\Program Files (x86)\Microsoft\Edge\Application

+
+
+
+
+ 本地:52810 + → + 13.107.42.14:443 +
+
outlook.live.com
+
+
+
↓ 24 KB/s
+
总计: 12.4 MB
+
+
+ + +
+
+ +
+
+
+ + + + + +
+
+

Unknown.exe 未知进程

+

C:\Users\Admin\AppData\Local\Temp

+
+
+
+
+ 本地:49823 + → + 185.234.218.50:8080 +
+
未解析
+
+
+
↑ 1.2 MB/s
+
总计: 458 MB
+
+
+ + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + NetGuard - 现代网络监控工具 + + + +
+ +
+
+
+
+ 防火墙已启用 +
+
+ ↓ 2.4 MB/s + 下载 +
+
+ ↑ 156 KB/s + 上传 +
+
+ 47 + 活跃连接 +
+
+
+ + +
+
+ + + + + +
+ +
+ +
+
+
+ 今日总流量 + + + + +
+
12.4 GB
+
+
+
+
+
+
+ 活跃进程 + + + + + +
+
23
+
+
+
+
+
+
+ 阻止的连接 + + + \ No newline at end of file diff --git a/src/NetVizor.Frontend/design/ui/network-monitor-ui.html b/src/NetVizor.Frontend/design/ui/network-monitor-ui.html new file mode 100644 index 0000000..0199ee4 --- /dev/null +++ b/src/NetVizor.Frontend/design/ui/network-monitor-ui.html @@ -0,0 +1,806 @@ + + + + + + Network Monitor - 界面设计概念 + + + +
+ + + + +
+ +
+
+ + 🔍 +
+ +
+
+ 活动连接 + 127 +
+
+ 总速率 + 12.4 MB/s +
+
+ 阻止 + 23 +
+
+
+ + +
+ +
+ +
+
+
+ 上传速率 + ↑ +
+
3.2 MB/s
+
+ ↑ 12% +
+
+ +
+
+ 下载速率 + ↓ +
+
9.2 MB/s
+
+ ↓ 5% +
+
+ +
+
+ 活跃进程 + 💻 +
+
48
+
+ → 0% +
+
+ +
+
+ 威胁检测 + ⚠️ +
+
2
+
+ 新增警告 +
+
+
+ + +
+ 实时网络速率图表 (ECharts) +
+ + +
+
+

活动连接

+
+ + + + +
+
+ +
+
+
进程
+
远程地址
+
域名
+
本地端口
+
协议
+
速率
+
状态
+
+ +
+
+
Ch
+ Chrome.exe +
+
142.251.42.142
+
youtube.com
+
58432:443
+
TCP
+
+ ↑ 124 KB/s + ↓ 2.1 MB/s +
+
+ + 活动 +
+
+ +
+
+
St
+ Steam.exe +
+
185.25.182.77
+
steamcdn.com
+
62145:443
+
TCP
+
+ ↑ 12 KB/s + ↓ 6.8 MB/s +
+
+ + 活动 +
+
+ +
+
+
Un
+ Unknown.exe +
+
45.33.32.156
+
-
+
51234:80
+
TCP
+
+ ↑ 524 KB/s + ↓ 0 KB/s +
+
+ + 可疑 +
+
+
+
+
+ + + +
+
+ + +
+ + +
+
+ + + + \ No newline at end of file diff --git a/src/NetVizor.Frontend/design/ui/network_manager_ui.html b/src/NetVizor.Frontend/design/ui/network_manager_ui.html new file mode 100644 index 0000000..775ee90 --- /dev/null +++ b/src/NetVizor.Frontend/design/ui/network_manager_ui.html @@ -0,0 +1,861 @@ + + + + + + NetGuard Pro - 网络管理工具 + + + +
+ +
+ +
+
+
+
+
+
+ + + + + +
+
+

实时网络监控

+

监控当前系统的网络连接状态和流量情况

+
+ +
+ +
+ +
+
+

活跃连接

+
+ + +
+
+
+
+
+
+
Chrome.exe (PID: 12340)
+
192.168.1.1:443 → www.google.com
+
+
HTTPS
+
+
↑ 245 KB/s
+
↓ 1.2 MB/s
+
+ +
+
+
+
+
Steam.exe (PID: 8956)
+
103.28.54.10:27030 → Steam CDN
+
+
TCP
+
+
↑ 12 KB/s
+
↓ 856 KB/s
+
+ +
+
+
+
+
System (PID: 4)
+
8.8.8.8:53 → DNS
+
+
UDP
+
+
↑ 2 KB/s
+
↓ 1 KB/s
+
+ +
+
+
+ + +
+
+

实时流量监控

+
+ + + +
+
+
+ 📈 实时流量图表 (ECharts 集成区域) +
+
+ + +
+
+

网络使用排行

+
+ + +
+
+
+
+
🌐
+
+

Google Chrome

+

C:\Program Files\Google\Chrome\Application\chrome.exe

+
+
+
2.3 MB/s
+
8 连接
+
+
+
+
+
🎮
+
+

Steam

+

C:\Program Files (x86)\Steam\steam.exe

+
+
+
856 KB/s
+
3 连接
+
+
+
+
+
💬
+
+

Microsoft Teams

+

C:\Users\User\AppData\Local\Microsoft\Teams\current\Teams.exe

+
+
+
234 KB/s
+
5 连接
+
+
+
+
+
+
+ + + + + + + + + + + +
+
+
+ + + + \ No newline at end of file diff --git a/src/NetVizor.Frontend/design/ui/network_monitor_ui.html b/src/NetVizor.Frontend/design/ui/network_monitor_ui.html new file mode 100644 index 0000000..f50693c --- /dev/null +++ b/src/NetVizor.Frontend/design/ui/network_monitor_ui.html @@ -0,0 +1,746 @@ + + + + + + NetGuard Pro - 网络监控工具 + + + + +
+ +
+
+ +
NetGuard Pro
+
+ + +
+ + +
+ +
+
+ + + + +
+ +
+
+
+ 监控中 +
+
+
+ + +
+ +
+ +
+
+
247
+
活跃连接
+
+
+
42
+
联网进程
+
+
+
1.2 MB/s
+
上传速度
+
+
+
5.8 MB/s
+
下载速度
+
+
+ + +
+
+

实时连接

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
进程本地地址远程地址状态带宽
chrome.exe192.168.1.100:52341142.250.191.14:443 (google.com)已连接↓ 850 KB/s
steam.exe192.168.1.100:27036208.78.164.9:27017 (steam)已连接↓ 45 KB/s
discord.exe192.168.1.100:0162.159.130.233:443监听↓ 12 KB/s
+
+
+ + +
+
+

网络流量趋势

+
+
+
+
+ + +
+ +
+
+

活跃进程

+
+
+
+
C
+
+
chrome.exe
+
C:\Program Files\Google\Chrome\Application\
+
+
+
↓ 850 KB/s
+
23 连接
+
+
+
+
S
+
+
steam.exe
+
C:\Program Files (x86)\Steam\
+
+
+
↓ 45 KB/s
+
3 连接
+
+
+
+
D
+
+
discord.exe
+
C:\Users\User\AppData\Local\Discord\
+
+
+
↓ 12 KB/s
+
2 连接
+
+
+
+
+ + +
+
+

连接地理分布

+
+
+
+ + +
+
+

防火墙状态

+
+
+
+ 已阻止连接 + 142 +
+
+ 活跃规则 + 28 +
+
+ 白名单进程 + 15 +
+
+
+
+
+
+
+ + +
+ 监控状态: 正常 + | + ETW 事件: 1,247 + | + 内存使用: 45.2 MB + | + 版本: 1.0.0 +
+ + + + \ No newline at end of file diff --git a/src/NetVizor.Frontend/design/ui/network_monitor_ui_design (1).html b/src/NetVizor.Frontend/design/ui/network_monitor_ui_design (1).html new file mode 100644 index 0000000..7e7e14d --- /dev/null +++ b/src/NetVizor.Frontend/design/ui/network_monitor_ui_design (1).html @@ -0,0 +1,911 @@ + + + + + + NetGuard - 网络监控工具 + + + +
+ +
+
+ + + +
+ +
+ + + +
+ +
+ 更新间隔: + + +
+
+ + +
+ +
+
+ 活跃进程 (43) +
+
+
+
+
CH
+ chrome.exe + 15 +
+
+
ST
+ steam.exe + 7 +
+
+
SV
+ svchost.exe + 23 +
+
+
VS
+ Code.exe + 5 +
+
+
DC
+ Discord.exe + 3 +
+
+
UP
+ UpdateService.exe + 1 +
+
+
WI
+ winlogon.exe + 2 +
+
+
+
+ + +
+
+ chrome.exe 的网络连接 (15个活跃) +
+ + + +
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
状态协议本地地址远程地址远程主机网速发送接收持续时间
已建立TCP192.168.1.100:5432174.125.224.72:443google.com +
+
+
+
+ 1.2 MB/s +
+ 		45.2 MB156.8 MB00:02:34
已建立TCP192.168.1.100:54322172.217.24.14:443googleapis.com +
+
+
+
+ 256 KB/s +
+ 		2.1 MB8.3 MB00:01:12
已阻止TCP192.168.1.100:54323185.199.108.153:443github.com +
+
+
+
+ 0 B/s +
+ 		0 B0 B-
已建立TCP192.168.1.100:54324140.82.114.25:443github.com +
+
+
+
+ 84 KB/s +
+ 		456 KB1.2 MB00:00:45
+
+
+
+
+ + +
+
+ + + + +
+
+
+ 14:32:15 + INFO + chrome.exe (PID: 4852) 建立连接到 google.com:443 +
+
+ 14:32:14 + WARN + 检测到 chrome.exe 尝试连接被阻止的地址 185.199.108.153:443 +
+
+ 14:32:12 + INFO + DNS解析: google.com -> 74.125.224.72 +
+
+ 14:32:10 + ERROR + 防火墙规则冲突: 规则 "Block GitHub" 与 "Allow Chrome" 存在冲突 +
+
+ 14:32:08 + INFO + steam.exe (PID: 3421) 连接已断开 104.96.230.4:80 +
+
+
+ + +
+
+ + 监控中 +
+
+ 247 个活跃连接 +
+
+ 网速: ↑ 2.1 MB/s ↓ 5.3 MB/s +
+
+ 今日流量: 1.2 GB +
+
+ 规则: 156 条激活 +
+
+ + 3 个异常连接 +
+
+
+ + + + \ No newline at end of file diff --git a/src/NetVizor.Frontend/design/ui/network_monitor_ui_design (3).html b/src/NetVizor.Frontend/design/ui/network_monitor_ui_design (3).html new file mode 100644 index 0000000..a1ab3b2 --- /dev/null +++ b/src/NetVizor.Frontend/design/ui/network_monitor_ui_design (3).html @@ -0,0 +1,1310 @@ + + + + + + NetGuard - 智能网络监控 + + + +
+ +
+
+
+
+ + + + +
+ NetGuard +
+ +
+ + + +
+
+ +
+
+
+ 实时监控中 +
+ + +
+
+ + +
+
+
系统概览
+
+
+
247
+
活跃连接
+
+
+
43
+
进程数
+
+
+
5.2
+
MB/s
+
+
+
156
+
规则
+
+
+
+ +
+
+
+ 浏览器应用 + 23 +
+ +
+
CH
+
+
Chrome
+
+ 15 连接 + 2.1 MB/s +
+
+
+
+
+
+
+
+ +
+
FF
+
+
Firefox
+
+ 8 连接 + 456 KB/s +
+
+
+
+
+
+
+
+
+ +
+
+ 开发工具 + 12 +
+ +
+
VS
+
+
Visual Studio Code
+
+ 5 连接 + 128 KB/s +
+
+
+
+
+
+
+
+
+ +
+
+ 系统服务 + 8 +
+ +
+
SV
+
+
svchost.exe
+
+ 23 连接 + 89 KB/s +
+
+
+
+
+
+
+
+
+
+
+ + +
+
+
+
Chrome 网络活动
+
15 个活跃连接 • 平均速度 2.1 MB/s
+
+ +
+ + + + + +
+
+ +
+
+
状态
+
协议
+
本地地址
+
远程地址
+
域名/主机
+
网速
+
流量
+
+ +
+
+
+
+ 已建立 +
+
+ TCP +
+
192.168.1.100:54321
+
74.125.224.72:443
+
google.com
+
+
+
+
+ 1.2 MB/s +
+
156.8 MB
+
+ +
+
+
+ 已建立 +
+
+ TCP +
+
192.168.1.100:54322
+
172.217.24.14:443
+
googleapis.com
+
+
+
+
+ 456 KB/s +
+
8.3 MB
+
+ +
+
+
+ 已阻止 +
+
+ TCP +
+
192.168.1.100:54323
+
185.199.108.153:443
+
github.com
+
+
+
+
+ 0 B/s +
+
0 B
+
+ +
+
+
+ 监听中 +
+
+ UDP +
+
0.0.0.0:53
+
-
+
DNS服务
+
+
+
+
+ 12 KB/s +
+
2.1 MB
+
+ +
+
+
+ 已建立 +
+
+ TCP +
+
192.168.1.100:54324
+
140.82.114.25:443
+
github.com
+
+
+
+
+ 84 KB/s +
+
1.2 MB
+
+
+
+
+ + +
+
+
连接详情
+
+ +
+
+
连接信息
+
状态: 已建立 (ESTABLISHED)
+
协议: TCP
+
持续时间: 00:02:34
+
PID: 4852
+
+ +
+
本地端点
+
192.168.1.100:54321
+
+ +
+
远程端点
+
74.125.224.72:443
+
google.com
+ +
+
US
+
+
美国
+
加利福尼亚州，山景城
+
+
+
+ +
+
流量统计
+
发送: 45.2 MB
+
接收: 156.8 MB
+
当前速度: 1.2 MB/s
+
峰值速度: 3.8 MB/s
+
+ +
+
进程信息
+
chrome.exe
+
+ C:\Program Files\Google\Chrome\Application\chrome.exe +
+
版本: 120.0.6099.129
+
签名: Google LLC (已验证)
+
+ +
+
安全信息
+
TLS 1.3
+
证书: *.google.com
+
✓ 证书有效
+
+
+
+ + +
+
+
实时事件流
+
+ + + +
+
+ +
+
+
14:32:15
+
→
+
+
新连接建立
+
chrome.exe → google.com:443 (TLS)
+
+
+ +
+
14:32:14
+
✕
+
+
连接被阻止
+
chrome.exe → github.com:443 (规则: Block GitHub)
+
+
+ +
+
14:32:12
+
?
+
+
DNS 查询
+
google.com → 74.125.224.72 (89ms)
+
+
+ +
+
14:32:10
+
←
+
+
连接关闭
+
steam.exe ← 104.96.230.4:80 (正常断开)
+
+
+ +
+
14:32:08
+
→
+
+
高速传输检测
+
chrome.exe → google.com 峰值速度 3.8 MB/s
+
+
+ +
+
14:32:05
+
?
+
+
DNS 查询
+
googleapis.com → 172.217.24.14 (45ms)
+
+
+
+
+
+ + + + \ No newline at end of file diff --git a/src/NetVizor.Frontend/design/ui/network_monitor_ui_design.html b/src/NetVizor.Frontend/design/ui/network_monitor_ui_design.html new file mode 100644 index 0000000..67d2f8e --- /dev/null +++ b/src/NetVizor.Frontend/design/ui/network_monitor_ui_design.html @@ -0,0 +1,760 @@ + + + + + + NetGuard - 现代化网络监控工具 + + + +
+ + + + +
+
+

网络监控仪表板

+
+ + +
+
+ + +
+
+
247
+
活跃连接
+
+ + + + +12% +
+
+ +
+
1.2 GB
+
今日流量
+
+ + + + +8% +
+
+ +
+
43
+
活跃进程
+
+ + + + -3% +
+
+ +
+
156
+
防火墙规则
+
+ + + + +2 +
+
+
+ + +
+ + + +
+ + +
+
+

实时网络连接

+ 实时更新 +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
进程本地地址远程地址协议状态网速流量
+
+
CH
+
+
Chrome.exe
+
Google Chrome
+
+
+ 		192.168.1.100:5432174.125.224.72:443TCP活跃 +
+ 1.2 MB/s +
+
+
+
+ 		245.6 MB
+
+
ST
+
+
Steam.exe
+
Steam Client
+
+
+ 		192.168.1.100:27036104.96.230.4:80TCP活跃 +
+ 456 KB/s +
+
+
+
+ 		89.2 MB
+
+
SV
+
+
svchost.exe
+
Windows Service
+
+
+ 		192.168.1.100:4915220.42.73.24:443TCP已阻止 +
+ 0 B/s +
+
+
+
+ 		0 B
+
+
+
+ + + + \ No newline at end of file diff --git a/src/NetVizor.Frontend/html/sticky-header-list/04global_virtual_list.html b/src/NetVizor.Frontend/html/sticky-header-list/04global_virtual_list.html new file mode 100644 index 0000000..7d77bb6 --- /dev/null +++ b/src/NetVizor.Frontend/html/sticky-header-list/04global_virtual_list.html @@ -0,0 +1,726 @@ + + + + + + 全局虚拟滚动列表 + + + +
+ 渲染: 0 / 0 项目 +
+ +
+
+

全局虚拟滚动列表演示

+

支持大量数据，只有一个全局滚动条

+
+ +
+
+ +
继续滚动查看更多
+ + + + \ No newline at end of file diff --git a/src/NetVizor.Frontend/html/unified_virtual_list.html b/src/NetVizor.Frontend/html/sticky-header-list/unified_virtual_list.html similarity index 100% rename from src/NetVizor.Frontend/html/unified_virtual_list.html rename to src/NetVizor.Frontend/html/sticky-header-list/unified_virtual_list.html