埋点概述
一、浏览器的基本信息（navigator）
| 属性名 | 说明 | 示例返回值 | 返回值类型 | 浏览器支持度 |
|---|---|---|---|---|
| appCodeName | 返回浏览器相关的内部代码名 | Mozilla | string | 66.05% |
| appName | 返回浏览器正式名称 | Netscape | string | 66.05% |
| appVersion | 返回浏览器版本号 | 5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.111 Safari/537.36 | string | 66.05% |
| cookieEnabled | 返回浏览器是否启用cookie | true | boolean | 97.27% |
| javaEnabled() | 返回当前浏览器是否支持 Java，从而知道浏览器是否能显示 Java 小程序 | false | boolean | 57.01% |
| language | 返回浏览器的首选语言 | zh-CN | string | - |
| mimeTypes | 返回浏览器支持的Mime类型 | - | Array | - |
| onLine | 返回是否连接互联网 | true | boolean | - |
| platform | 返回浏览器所在平台 | MacIntel | string | 66.05% |
| plugins | 返回浏览器插件集合 | - | Array | 66.05% |
| product | 返回浏览器产品名 | Gecko | string | - |
| userAgent | 返回浏览器类型 | Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.111 Safari/537.36 | string | 66.05% |
| languages | 返回浏览器默认语言设置顺序 | [“zh-CN”, “zh”, “zh-TW”, “en-US”, “en”] | Array | 89.22% |
| deviceMemory | 返回千兆字节为单位的大概的机器内存 | 8 | float | 73.13% |
| doNotTrack | 返回用户的do-not-track设置,如果用户不允许网站,内容和广告等进行跟踪,则该值为yes. | null | null | string | 78.46% |
| hardwareConcurrency | 当前浏览器环境所拥有的CPU核心数 | 8 | int | 95.84% |
| maxTouchPoints | 返回当前设备能够支持的最大同时触摸的点数。 | 0 | int | 90.81% |
| vendor | 返回浏览器供应商名称 | Google Inc. | string | 96.95% |
| vendorSub | 浏览器供应商的版本号 | ” | string | 95.86% |
| connection.downlink | 网络下行速度 (M/s) | 10 | int | - |
| connection.rtt | 估算的往返时间 (ms) | 100 | int | - |
| connection.effectiveType | 网络类型 | 4g | string | 73.76% |
| connection.saveData | 打开/请求数据保护模式 | false | boolean | - |
二、接口请求的信息(ajax-hooks拦截接口请求）
| 属性名 | 说明 | 示例返回值 | 返回值类型 |
|---|---|---|---|
| method | 请求的方式 | GET | string |
| url | 请求的地址 | /xdnphb/common/account/get?nonce=b9863f24c&xyz=d69bd7dfaf86801953690c3150863028 | string |
| response | 返回值 | {“success”:true,“value”:{“code”:“000000”,“message”:“成功”,“data”:{“status”:false}}} | string |
三、屏幕信息(screen)
| 属性名 | 说明 | 示例返回值 | 返回值类型 | 浏览器支持度 |
|---|---|---|---|---|
| availWidth | 返回当前屏幕宽度(空白空间) | 1920 | int | 67.64% |
| availHeight | 返回当前屏幕高度(空白空间) | 967 | int | 83.43% |
| width | 返回当前屏幕宽度(分辨率值) | 1920 | int | 67.64% |
| height | 返回当前屏幕高度(分辨率值) | 1080 | int | 67.64% |
四、网页信息(document)
| 属性名 | 说明 | 示例返回值 | 返回值类型 | 浏览器支持度 |
|---|---|---|---|---|
| title | 当前页面标题 | 新榜后台管理系统 | string | - |
| body.clientWidth | 当前浏览器宽度 | 63 | int | 96.86% |
| body.clientHeight | 当前浏览器高度 | 1535 | int | 96.86% |
| cookie | 当前的cookie值 | UM_distinctid=172bfd238a91bc-0608878352fa83-14396257-13c680-172bfd238aa669; __root_domain_v=.newrank.cn; _qddaz=QD.hgn9gb.c7ajy7.kbinr8e1; _ga=GA1.2.1224567440.1603806681; Hm_lvt_a19fd7224d30e3c8a6558dcb38c4beed=1603462842,1603520572,1603678401,1603959752; Hm_lpvt_a19fd7224d30e3c8a6558dcb38c4beed=1604657945 | string | - |
五、网页用户行为(click)
| 属性名 | 说明 | 返回值类型 |
|---|---|---|
| clientX | 鼠标指针的X坐标 | int |
| clientY | 鼠标指针的Y坐标 | int |
| target | id、class、innerHTML、parentTarget等dom信息 |
六、性能信息(performance)
6.1、timing：从输入url到用户可以使用页面的全过程时间统计
| 属性名 | 说明 | 示例返回值 | 返回值类型 | 浏览器支持度 |
|---|---|---|---|---|
| navigationStart | 同一个网页中，前一个页面卸载的时间戳 | 1604974622508 | int | 87.19% |
| unloadEventStart | unload事件被触发之时的 Unix毫秒时间戳 | 1604974622516 | int | 95.96% |
| unloadEventEnd | 为unload事件处理程序结束之时的 Unix毫秒时间戳 | 1604974622516 | int | 95.96% |
| redirectStart | 第一个 HTTP 重定向完成时的时间。（有跳转且是同域名内的重定向才算，） | 0 | int | 95.96% |
| redirectEnd | 最后一个 HTTP 重定向完成时的时间。（有跳转且是同域名内的重定向才算，） | 0 | int | 95.96% |
| domainLookupStart | DNS 域名查询开始的时间(如果使用了本地缓存（即无 DNS 查询）或持久连接，则与 fetchStart 值相等) | 1604974622509 | int | 95.96% |
| domainLookupEnd | DNS 域名查询完成的时间(如果使用了本地缓存（即无 DNS 查询）或持久连接，则与 fetchStart 值相等) | 1604974622509 | int | 95.96% |
| fetchStart | 浏览器准备好使用 HTTP 请求抓取文档的时间，这发生在检查本地缓存之前 | 1604974622509 | int | 95.96% |
| connectStart | HTTP（TCP） 开始建立连接的时间，如果是持久连接，则与 fetchStart 值相等,如果在传输层发生了错误且重新建立连接，则这里显示的是新建立的连接开始的时间 | 1604974622509 | int | 95.96% |
| connectEnd | HTTP（TCP） 完成建立连接的时间（完成握手），如果是持久连接，则与 fetchStart 值相等,如果在传输层发生了错误且重新建立连接，则这里显示的是新建立的连接完成的时间 | 1604974622509 | int | 95.96% |
| domContentLoadedEventStart | DOM 解析完成后，网页内资源加载开始的时间,文档发生 DOMContentLoaded事件的时间 | 1604974622520 | int | 95.96% |
| domContentLoadedEventEnd | DOM 解析完成后，网页内资源加载完成的时间（如 JS 脚本加载执行完毕），文档的DOMContentLoaded 事件的结束时间 | 1604974622520 | int | 95.96% |
| domComplete | DOM 树解析完成，且资源也准备就绪的时间，Document.readyState 变为 complete，并将抛出 readystatechange 相关事件 | 1604974622520 | int | 95.96% |
| loadEventStart | load 事件发送给文档，也即 load 回调函数开始执行的时间,如果没有绑定 load 事件，值为 0 | 1604974622520 | int | 95.96% |
| loadEventEnd | load 事件的回调函数执行完毕的时间,如果没有绑定 load 事件，值为 0 | 1604974622520 | int | 95.96% |
常用计算： DNS查询耗时 ：domainLookupEnd - domainLookupStart TCP链接耗时 ：connectEnd - connectStart request请求耗时 ：responseEnd - responseStart 解析dom树耗时 ： domComplete - domInteractive 白屏时间 ：responseStart - navigationStart domready时间(用户可操作时间节点) ：domContentLoadedEventEnd - navigationStart onload时间(总下载时间) ：loadEventEnd - navigationStart
6.2、navigation 当前页面如何导航到此处
6.2.1 type 导航标志
| 属性值 | 说明 | 返回值类型 | 浏览器支持度 |
|---|---|---|---|
| 0 | 普通进入，包括：点击链接、在地址栏中输入 URL、表单提交、或者通过除下表中 TYPE_RELOAD 和 TYPE_BACK_FORWARD 的方式初始化脚本。 | int | - |
| 1 | 通过刷新进入，包括：浏览器的刷新按钮、快捷键刷新、location.reload()等方法。 | int | - |
| 2 | 通过操作历史记录进入，包括：浏览器的前进后退按钮、快捷键操作、history.forward()、history.back()、history.go(num)。 | int | - |
| 255 | 其他非以上类型的方式进入。 | int | - |
6.2.2 redirectCount 重定向次数
| 示例属性值 | 说明 | 返回值类型 | 浏览器支持度 |
|---|---|---|---|
| 0 | 到达当前页面时，重定向的次数，有同源策略限制，即仅能检测同源的重定向。 | int | - |
6.3 memory 内存信息
| 属性值 | 说明 | 示例返回值 | 返回值类型 | 浏览器支持度 |
|---|---|---|---|---|
| jsHeapSizeLimit | 内存大小限制 | 2190000000 | int | - |
| totalJSHeapSize | 可使用的内存 | 10000000 | int | - |
| usedJSHeapSize | JS对象(包括V8引擎内部对象)占用的内存，如果大于totalJSHeapSize，有可能出现了内存泄漏 | 10000000 | int | - |
6.4 timeOrigin
| 示例属性值 | 说明 | 返回值类型 | 浏览器支持度 |
|---|---|---|---|
| 1604974622508.6448 | performance测量开始时间 | int | - |