工作原理

产品监测原理

基调听云Web是采用在页面嵌入JS探针的方式获取数据，当用户通过各种设备的浏览器向服务器发起页面请求时，服务器返回嵌入基调听云浏览器探针（JS探针）的页面，浏览器对该页面进行资源加载、页面渲染等性能数据进行记录，基调听云浏览器探针会将性能数据、错误数据通过HTTP/HTTPS协议上传到数据中心，然后将这些数据进行统计汇总生成可视化图表供客户分析查看。

页面性能数据采集原理

基调听云Web借助Navigation Timing API 获取页面性能数据。

Navigation Timing API 浏览器兼容性：

性能数据样本：

页面追踪数据采集原理

基调听云Web借助Resource Timing API获取页面追踪数据。

当页面加载时间超过设定的追踪阈值时，系统采集以下慢页面性能数据：

• 页面元素URL

• 元素开始加载和完成加载时间点

• 元素DNS、TCP建连、SSL握手、首包、剩余包等时间

• Navigation Timing的事件时间

Resource Timing API：

Resource Timing API 浏览器兼容情况：

JS错误数据采集原理

基调听云Web使用Javascript Error Reporting 方式采集JS错误数据。

采集的JS错误数据包含：

• 出错页面或脚本URL

• 引用页面URL

• Error Message

• 错误位置：行号和列号

• 浏览器基本信息

  JS错误数据样本：

Ajax性能数据采集原理

基调听云Web借助XMLHttpRequest (XHR)规范获取Ajax性能数据。

采集Ajax性能数据包含：

• Ajax请求URL

• 引用页面URL

• Ajax请求响应时间

• Ajax请求响应代码（200、4xx、5xx）

• Ajax回调时间

Ajax性能数据样本：