[发明专利]一种HTML5页面实时监测的方法

权利要求书

1.一种HTML5页面实时监测的方法，其特征在于，包括以下步骤：

步骤一：建立终端与服务器之间的监测链接；所述监测链接用于实时传输监测数据和发送指令；

步骤二：终端上的HTML5页面实时检测监测链接的执行情况，并在监测链接出错时自动重启监测链接；当监测链接没有出现异常时，则上报正常状态信息给服务器；

步骤三：获取终端上HTML5页面的性能信息；其中，HTML5页面的性能信息包括：页面内存使用情况、页面其他http链接的连接情况、页面CPU使用情况、页面JS脚本出错信息、页面屏幕分辨率、页面重启次数；

步骤四：根据获取的HTML5页面的性能信息，判断HTML5页面是否存在异常；是，该HTML5页面所在的终端通过其监测链接向服务器实时发送相应的报警信息，并执行步骤五；否，定期向服务器发送页面安全信息，并返回步骤二，继续监测；

步骤五：服务器通过对应的监测链接向异常HTML5页面所在的终端发送修复指令，终端则根据修复指令对HTML5页面进行修复；

其中，修复指令包括重新初始化页面、断开该屏幕的渲染数据请求链接、重检测、重新开启该屏幕的渲染数据请求链接；在服务器接收到id为1的终端发送的标识为1的报警信息时，通过相应的监测链接管道发送“重启”指令至终端，终端接收后，执行window.reload命令，释放内存，并重新初始化页面；在服务器接收到id为1的终端发送的标识为2的报警信息时，通过相应的监测链接管道发送“重链接”指令至终端，终端接收后，重启所有数据链接。

2.根据权利要求1所述的一种HTML5页面实时监测的方法，其特征在于，所述步骤五还包括以下步骤：服务器向技术维护人员发送维护信息。

3.根据权利要求2所述的一种HTML5页面实时监测的方法，其特征在于，所述页面其他http链接的连接情况包括：DNS查询耗时、TCP链接耗时、request请求耗时、解析dom树耗时、白屏时间、domready时间以及onload时间；其中，

DNS查询耗时＝domainLookupEnd-domainLookupStart；其中，domainLookupEnd为DNS查询的结束时间节点，domainLookupStart为DNS查询的开始时间节点；

TCP链接耗时＝connectEnd-connectStart；其中，connectEnd为终端与服务器之间的传输控制协议连接建立成功的时间节点，connectStart为终端与服务器之间的传输控制协议开始连接建立的时间节点；

request请求耗时＝responseEnd-responseStart；其中，responseEnd为浏览器收到从服务器端响应回的最后一个字节数据的时刻，responseStart为浏览器收到从服务器端响应回的第一个字节的时刻；

解析dom树耗时＝domComplete-domInteractive；其中，domComplete为html文档完全解析完毕的时间节点；domInteractive为浏览器解析html文档的状态为DOM树创建完成，但是内嵌资源未加载的状态时间；

白屏时间＝domloading-fetchStart；其中，domloading为页面内容渲染出现的时间节点，fetchStart为终端发起任何请求之前的时间节点；

domready时间＝domContentLoadedEventEnd-fetchStart；其中，domContentLoadedEventEnd为DOM解析完成后，终端内资源加载完成的时间；fetchStart为终端发起任何请求之前的时间节点；

onload时间＝loadEventEnd-fetchStart；其中，loadEventEnd为终端页面资源执行脚本全部准备完毕的时间节点，fetchStart为终端发起任何请求之前的时间节点。