[发明专利]云平台web前端性能监控方法、系统及介质

权利要求书

1.云平台web前端性能监控方法，其特征在于基于JavaScript编写性能监控代码，并将所述监控代码以探针方式配置于云平台各个产品前端代码的根界面中，通过所述监控代码对云平台web前端性能进行监控，所述监控代码执行如下步骤：

通过windows的performance属性获取网页加载信息，所述网页加载信息包括网页性能指标、耗时指标以及静态资源信息；

通过windows内置的navigators对象获取加载当前网页的浏览器信息；

通过windows的onerror属性监控并捕捉网页异常信息；

通过XMLHttpRequest的onreadystatechange属性以及重构fetch的get属性，监听网页的后端请求并判断后端请求为成功或失败，得到后端请求信息；

通过img的src属性将所述网页加载信息、浏览器信息、网页异常信息以及后端请求信息拼接到src的url上。

2.根据权利要求1所述的云平台web前端性能监控方法，其特征在于所述网页性能指标包括：

白屏时间，所述白屏时间的计算公式为：白屏时间＝domloadng–fetchStart；

DOM Ready时间，所述DOM Ready时间的计算公式为：DOM Ready时间＝domContentLoadedEventEnd–fetchStart；

页面onload时间，所述页面onload时间的计算公式为：页面onload时间＝loadEventEnd–fetchStart；

所述耗时指标包括：

DNS查询耗时，所述DNS查询耗时的计算公式为：DNS查询耗时＝domainLookupEnd–domainLookupStart；

TCP链接耗时，所述TCP链接耗时的计算公司为：TCP链接耗时＝connectEnd–connectStart；

网络请求耗时，所述网络请求耗时的计算公式为：网络请求耗时＝responseEnd–responseStart；

DOM解析耗时，所述DOM解析耗时的计算公式为：DOM解析耗时＝domComplete–domInteractive；

所述计算公式等式的右边为performance的属性。

3.根据权利要求1所述的云平台web前端性能监控方法，其特征在于通过performance.getEntries方法返回关于静态资源信息的数组，数组对象的initiatorType对应静态资源的类型，静态资源的类型包括img、script、以及css，数组对象duration属性代表请求花费的时间。

4.根据权利要求1所述的云平台web前端性能监控方法，其特征在于通过window的内置navigator对象的platform属性获取加载网页的操作系统信息，所述操作系统信息博包括操作系统类型，所述操作系统类型包括windows系统、mac系统以及Linux系统；

通过userAgent属性获取加载网页的浏览器信息，所述浏览器信息包括浏览器类型。

5.根据权利要求1所述的云平台web前端性能监控方法，其特征在于所述网页异常信息包括语法异常信息和运行时间错误信息；

将编写的自定义函数赋值至window的onerror接口，网页中有网页异常信息报错，通过window的onerror接口捕捉所述网页异常信息。

6.根据权利要求1所述的云平台web前端性能监控方法，其特征在于对于XMLHttpRequest类型的Ajax请求，通过其onreadystatechange属性监听后端请求的状态变更，并判断后端请求为成功或失败；

对于fetch类型的后端请求，通过重定义其get属性，基于重构函数监听后端请求的状态变更，并判断后端请求为成功或失败。