时监控操作页展示设备运行参数与状态参数说明高度角度当前跟踪高度角方位角度当前方位角目标角度控制目标值电机电流实时电机电流电池电压/温度电源状态电源电压供电电压状态面板展示多种告警标志倾角异常、过流、超限、大风、时钟故障、电源异常等。4.3 控制命令操作说明自动启动自动跟踪模式手动切换手动控制模式向东/向西手动微调放平支架放平标定角度传感器标定雪天/雨天/避风/清洗场景化保护与控制指定角度设定目标角度校时设备时间同步4.4 调试工具内置串口调试工具支持 Hex 指令手工输入与发送、响应日志记录、收发标记便于现场工程师诊断通信问题。4.5 分控设备管理当主控设备下挂分控设备时支持分控设备的独立参数查看与控制。操作设置分控五、用户体验设计5.1 产品选择入口首页提供三张产品卡片入口NCU / 单轴 TCU / 双轴 TCU每张卡片包含产品图标、名称与简要说明点击即进入对应的单页应用。5.2 多语言支持内置简体中文、English、Português 三语界面语言切换在首页右上角以下拉菜单呈现选择后立即生效并持久化到 localStorage。5.3 双色主题支持亮色模式与暗色模式主题偏好通过 localStorage 持久化页面顶部右侧按钮一键切换。完整的 CSS 变量体系--bg-primary、--text-primary、--primary-color等所有组件自动适配当前主题。5.4 响应式设计卡片、栅格系统适配移动端屏幕底部导航栏取代传统侧边栏符合移动端操作习惯。页面禁止浏览器默认的拉手势刷新与回弹效果提供接近原生 APP 的交互体验。操作设置我的六、性能与部署6.1 PWA 支持项目集成了 Service Worker用户可将应用添加到主屏幕A2HS实现离线可用和类原生启动体验。6.2 构建产物目标框架net10.0运行时Blazor WebAssembly.NET IL 裁剪 AOT 可选输出纯静态文件HTML CSS JS WASM部署方式任意静态文件服务器Nginx、IIS、CDN6.3 浏览器兼容功能最低版本Blazor WebAssembly现代浏览器Chrome / Edge / Firefox / SafariWeb BluetoothChrome 56、Edge 79PWA Service Worker所有主流浏览器七、总结基于 Blazor WebAssembly Web Bluetooth 的光伏设备调试软件在免安装、跨平台、易分发三个维度上解决了传统调试工具的痛点。项目充分发挥了 .NET 生态在工业软件领域的成熟度同时利用现代 Web 标准的设备接入能力在浏览器环境中实现了原本需要原生应用才能完成的 BLE 通信与 Modbus 协议交互。这套技术栈为光伏跟踪、微电网、电机控制等同类工业 IoT 场景提供了可复用的前端架