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

说明书

本发明公开了一种HTML5页面实时监测的方法，其特征在于，包括以下步骤：步骤一：建立终端与服务器之间的监测链接；所述监测链接用于实时传输监测数据和发送指令；步骤二：终端上的HTML5页面实时检测监测链接的执行情况，并在监测链接出错时自动重启监测链接；当监测链接没有出现异常时，则上报正常状态信息给服务器；步骤三：获取终端上HTML5页面的性能信息。本发明通过建立终端与服务器之间的监测链接，实时获取HTML5页面的性能信息，当HTML5页面出现异常时，可由服务器向对应的终端发送修复指令，使终端可根据修复指令对HTML5页面进行修复；本发明可大大减轻屏幕维护人员的工作量，使屏幕维护方式走上智能化和自动化，极大提高屏幕的运行可靠性和可维护性。

技术领域

本发明涉及计算机技术领域，具体是指一种HTML5页面实时监测的方法。

背景技术

随着技术的发展，html5页面常被用在需要长时间稳定运行的场景中，如实时信息监测屏幕，大数据展现屏幕，交通信息实时监测屏幕等。该类场景需要html5页面长期稳定的运行，以供数据监测人员实时的查看关注数据。在该类场景下，html5页面的稳定运行，接收数据并稳定按照预期渲染在当前的技术方案中，需要由专门人员来控制浏览器上的功能按钮来执行对该屏幕的刷新、关闭、重启等操作，极大的增加了屏幕维护人员的工作量。

发明内容

本发明的目的在于解决上述问题，提供一种HTML5页面实时监测的方法。

本发明的目的通过下述技术方案实现：一种HTML5页面实时监测的方法，包括以下步骤：

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

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

步骤三：获取终端上HTML5页面的性能信息；

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

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

进一步的，所述步骤五还包括以下步骤：服务器向技术维护人员发送维护信息。

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

所述页面其他http链接的连接情况包括：DNS查询耗时、TCP链接耗时、request请求耗时、解析dom树耗时、白屏时间、domready时间以及onload时间；其中，

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

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

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