Ops & Network Status Board
端点健康检查、网络延迟与抖动、页面加载性能、浏览器探针、实时流与历史趋势。 实时数据来自:Fetch RTT 采样、Performance Observer(Long Task/CLS)、事件循环延迟、渲染帧率、可用时的 JS Heap/Network Information。
01 // OVERVIEW
全局摘要:运行状态、最近一次探测、网络概况、客户端环境、历史窗口。
CONFIG // endpoints
可编辑:端点列表、健康路径、Ping URL、实时流采样目标与频率。
RUNTIME // probe
探针信息(客户端可见):连接类型、硬件并发、内存(若可用)、页面导航计时。
| Key | Value |
|---|
02 // CHECKS
端点健康、HTTP 视角(浏览器可见)、内容校验提示(受浏览器限制)。
| Target | Method | Code | RTT | Size | Result |
|---|
HTTP ORIGIN
同源访问:响应码/首字节/内容长度(近似)与错误类型分类。
RTT WINDOW
延迟与抖动估计(多次 fetch 采样)。
ERROR TAXONOMY
失败归因:timeout / cors / tls / http / parse。
03 // NETWORK
网络信号:连接类型、下行估计、RTT 采样、丢包近似(以失败率估计)。
CONNECTION HINTS
—
GEO HINTS
默认不主动请求地理位置权限。可用 Intl 时区 + 语言 + 线路延迟作为侧写信号。
SECURITY HINTS
混合内容(HTTPS 页面访问 HTTP 资源)会被阻止。WebSocket 探测建议优先 wss://。
| # | Target | RTT | Code | Note |
|---|
04 // REALTIME
实时流:1Hz 网络 RTT/失败率、事件循环延迟、FPS、Long Task、CLS、Heap(若可用)。
LIVE RTT
p50 / p95 窗口统计(滚动)。
EVENT LOOP
定时器漂移估计事件循环阻塞:lag(ms)。
RENDER
渲染帧率(估计):fps;内存(若支持):heap used/limit。
| Signal | Now | Window |
|---|
05 // PERF
页面性能:导航计时、资源计时(同源)、渲染指标(受浏览器实现影响)。
| Metric | Value | Source |
|---|
06 // LOGS
事件流:检查结果、错误分类、阈值触发、历史持久化(localStorage)。
ALERT RULES
阈值规则:RTT、失败率、状态码、连续失败次数。
HISTORY
历史保存:采样点写入 localStorage;提供导出 JSON。
FORENSICS
失败样本:记录错误类型、message、target、时间戳与上下文。