本课题以实际生产环节为背景,设计跨平台监控软件中数据处理和实时数据监控环节。长期以来,基于B/S架构的监控软件在数据采集方面存在插件安装、数据通信消耗大量带宽、加载速度过慢及软件工作依赖于网络的正常使用等问题。HTML5规范的出现为解决以上问题提供了新的思路：本地存储和离线缓存功能。本地存储功能将采集的数据存储在客户端,可以在客户端进行增、删、查、改等功能,减少了数据通信对网络带宽的占用。缓存应用将除了数据以外的网页文件缓存在本地,解决了网页加载过慢的问题,并可以在离线状态下保存和编辑数据,降低了web监控软件对网络的依赖程度。本文完成了对web监控软件的整体架构,服务器端采用Windows+node.js +Mongo DB+WebSocket的底层设计,客户端采用JavasSript及jQuery编程脚本语言、SVG图形组态和CSS+DIV网页布局。着重研究了目前四种本地存储技术并进行比较分析,采用web SQL Database存储机制实现实时数据处理；设计具有缓存功能的实时数据监控软件。论文的最后将跨平台监控软件进行性能指标测试,取得了预期的使用效果。