monitor-track 1.11.0 → 1.12.1

package/cjs/reporter.d.ts

@@ -48,11 +48,13 @@ export declare const reportMap: {
     /** 操作系统版本 */
     osVersion: string;
     pv: {
-        /** 子类型 */
-        subType: string;
         /** 停留时间 */
         stayTime: string;
     };
+    lag: {
+        /** 页面卡顿时间 */
+        lagTime: string;
+    };
     error: {
         /** 子类型 */
         subType: string;
@@ -125,13 +127,16 @@ export declare const reportMap: {
             domContentLoadedEventEnd: string;
             /** 是一个无符号long long 型的毫秒数，返回当解析器发送DOMContentLoaded (en-US) 事件，即所有需要被执行的脚本已经被解析时的Unix毫秒时间戳。 */
             domContentLoadedEventStart: string;
-            /** 是一个无符号long long 型的毫秒数，返回当前网页DOM结构结束解析、开始加载内嵌资源时（即Document.readyState属性变为“interactive”、相应的readystatechange (en-US)事件触发时）的Unix毫秒时间戳。 */
+            /** 是一个无符号long long 型的毫秒数，返回当前网页DOM结构结束解析、开始加载内嵌资源时（即Document.readyState属性变为“interactive”、
+             * 相应的readystatechange (en-US)事件触发时）的Unix毫秒时间戳。 */
             domInteractive: string;
             /** 是一个无符号long long 型的毫秒数，返回当前网页DOM结构开始解析时（即Document.readyState属性变为“loading”、相应的 readystatechange (en-US)事件触发时）的Unix毫秒时间戳。 */
             domLoading: string;
-            /** 是一个无符号long long 型的毫秒数，表征了域名查询结束的UNIX时间戳。如果使用了持续连接(persistent connection)，或者这个信息存储到了缓存或者本地资源上，这个值将和 PerformanceTiming.fetchStart一致。 */
+            /** 是一个无符号long long 型的毫秒数，表征了域名查询结束的UNIX时间戳。如果使用了持续连接(persistent connection)，
+             * 或者这个信息存储到了缓存或者本地资源上，这个值将和 PerformanceTiming.fetchStart一致。 */
             domainLookupEnd: string;
-            /** 是一个无符号long long 型的毫秒数，表征了域名查询开始的UNIX时间戳。如果使用了持续连接(persistent connection)，或者这个信息存储到了缓存或者本地资源上，这个值将和 PerformanceTiming.fetchStart一致。 */
+            /** 是一个无符号long long 型的毫秒数，表征了域名查询开始的UNIX时间戳。如果使用了持续连接(persistent connection)，
+             * 或者这个信息存储到了缓存或者本地资源上，这个值将和 PerformanceTiming.fetchStart一致。 */
             domainLookupStart: string;
             /** 是一个无符号long long 型的毫秒数，表征了浏览器准备好使用HTTP请求来获取(fetch)文档的UNIX时间戳。这个时间点会在检查任何应用缓存之前。 */
             fetchStart: string;
@@ -153,9 +158,11 @@ export declare const reportMap: {
             responseStart: string;
             /** 是一个无符号long long 型的毫秒数，返回浏览器与服务器开始安全链接的握手时的Unix毫秒时间戳。如果当前网页不要求安全连接，则返回0。 */
             secureConnectionStart: string;
-            /** 是一个无符号long long 型的毫秒数，表征了unload (en-US)事件处理完成时的UNIX时间戳。如果没有上一个文档，or if the previous document, or one of the needed redirects, is not of the same origin, 这个值会返回0. */
+            /** 是一个无符号long long 型的毫秒数，表征了unload (en-US)事件处理完成时的UNIX时间戳。如果没有上一个文档，
+             * or if the previous document, or one of the needed redirects, is not of the same origin, 这个值会返回0. */
             unloadEventEnd: string;
-            /** 是一个无符号long long 型的毫秒数，表征了unload (en-US)事件抛出时的UNIX时间戳。如果没有上一个文档，or if the previous document, or one of the needed redirects, is not of the same origin, 这个值会返回0. */
+            /** 是一个无符号long long 型的毫秒数，表征了unload (en-US)事件抛出时的UNIX时间戳。如果没有上一个文档，
+             * or if the previous document, or one of the needed redirects, is not of the same origin, 这个值会返回0. */
             unloadEventStart: string;
         };
     };
@@ -175,6 +182,10 @@ export declare const reportMap: {
         reason: string;
         /** 上报时带上的详细信息 */
         detail: string;
+        /** 上报时带上的请求参数 */
+        requestData: string;
+        /** 上报时带上的请求方法 */
+        method: string;
     };
     vD: {
         /** 埋点名称 */

package/cjs/types/global.d.ts

@@ -1,4 +1,4 @@
-import { IErrorInfo, INavigator, IPv, IUserActivity, IPerformance } from '.';
+import { IErrorInfo, INavigator, IPerformance, IPv, IUserActivity } from '.';
 /**
  * @description 上报信息
  */
@@ -34,9 +34,23 @@ export interface IReport extends INavigator {
     /** dpr */
     dpr: number;
     pv: IPv | null;
+    lag: {
+        lagTime: number;
+    } | null;
     error: IErrorInfo | null;
     ua: IUserActivity | null;
     perf: IPerformance | null;
+    req: {
+        requestType: string;
+        responseURL: string;
+        status: number;
+        loadTime: number;
+        statusText: string;
+        reason: 'slow' | 'failed' | string;
+        detail: string;
+        requestData: string;
+        method: string;
+    } | null;
     vD?: {
         /** 埋点名称 */
         trackName: string;
@@ -64,7 +78,7 @@ export interface IReport extends INavigator {
  * @type visual 可视化埋点上报
  * @type manual 手动上报
  */
-export type IType = 'pv' | 'error' | 'ua' | 'api' | 'per' | 'init' | 'request' | 'visual' | 'manual';
+export type IType = 'pv' | 'error' | 'ua' | 'api' | 'per' | 'init' | 'request' | 'visual' | 'manual' | 'lag';
 export interface Navigator {
     connection: any;
 }

package/cjs/types/index.d.ts

@@ -153,13 +153,16 @@ export interface IPerformance {
         domContentLoadedEventEnd: number;
         /** 是一个无符号long long 型的毫秒数，返回当解析器发送DOMContentLoaded (en-US) 事件，即所有需要被执行的脚本已经被解析时的Unix毫秒时间戳。 */
         domContentLoadedEventStart: number;
-        /** 是一个无符号long long 型的毫秒数，返回当前网页DOM结构结束解析、开始加载内嵌资源时（即Document.readyState属性变为“interactive”、相应的readystatechange (en-US)事件触发时）的Unix毫秒时间戳。 */
+        /** 是一个无符号long long 型的毫秒数，返回当前网页DOM结构结束解析、开始加载内嵌资源时（即Document.readyState属性变为“interactive”、
+         * 相应的readystatechange (en-US)事件触发时）的Unix毫秒时间戳。 */
         domInteractive: number;
         /** 是一个无符号long long 型的毫秒数，返回当前网页DOM结构开始解析时（即Document.readyState属性变为“loading”、相应的 readystatechange (en-US)事件触发时）的Unix毫秒时间戳。 */
         domLoading: number;
-        /** 是一个无符号long long 型的毫秒数，表征了域名查询结束的UNIX时间戳。如果使用了持续连接(persistent connection)，或者这个信息存储到了缓存或者本地资源上，这个值将和 PerformanceTiming.fetchStart一致。 */
+        /** 是一个无符号long long 型的毫秒数，表征了域名查询结束的UNIX时间戳。如果使用了持续连接(persistent connection)，
+         * 或者这个信息存储到了缓存或者本地资源上，这个值将和 PerformanceTiming.fetchStart一致。 */
         domainLookupEnd: number;
-        /** 是一个无符号long long 型的毫秒数，表征了域名查询开始的UNIX时间戳。如果使用了持续连接(persistent connection)，或者这个信息存储到了缓存或者本地资源上，这个值将和 PerformanceTiming.fetchStart一致。 */
+        /** 是一个无符号long long 型的毫秒数，表征了域名查询开始的UNIX时间戳。如果使用了持续连接(persistent connection)，
+         * 或者这个信息存储到了缓存或者本地资源上，这个值将和 PerformanceTiming.fetchStart一致。 */
         domainLookupStart: number;
         /** 是一个无符号long long 型的毫秒数，表征了浏览器准备好使用HTTP请求来获取(fetch)文档的UNIX时间戳。这个时间点会在检查任何应用缓存之前。 */
         fetchStart: number;
@@ -181,9 +184,11 @@ export interface IPerformance {
         responseStart: number;
         /** 是一个无符号long long 型的毫秒数，返回浏览器与服务器开始安全链接的握手时的Unix毫秒时间戳。如果当前网页不要求安全连接，则返回0。 */
         secureConnectionStart: number;
-        /** 是一个无符号long long 型的毫秒数，表征了unload (en-US)事件处理完成时的UNIX时间戳。如果没有上一个文档，or if the previous document, or one of the needed redirects, is not of the same origin, 这个值会返回0. */
+        /** 是一个无符号long long 型的毫秒数，表征了unload (en-US)事件处理完成时的UNIX时间戳。如果没有上一个文档，
+         * or if the previous document, or one of the needed redirects, is not of the same origin, 这个值会返回0. */
         unloadEventEnd: number;
-        /** 是一个无符号long long 型的毫秒数，表征了unload (en-US)事件抛出时的UNIX时间戳。如果没有上一个文档，or if the previous document, or one of the needed redirects, is not of the same origin, 这个值会返回0. */
+        /** 是一个无符号long long 型的毫秒数，表征了unload (en-US)事件抛出时的UNIX时间戳。如果没有上一个文档，
+         * or if the previous document, or one of the needed redirects, is not of the same origin, 这个值会返回0. */
         unloadEventStart: number;
     };
 }

package/esm/config/global.js

@@ -1,9 +1,9 @@
 import { v4 } from 'uuid';
+import { version } from '../package.json.js';
+import { setRouteStack, setPVTime } from '../handlers/pv.js';
 import { report } from '../reporter.js';
 import { getSessionId, getNavigator, getViewport, getUid } from '../utils/index.js';
-import { setRouteStack, setPVTime } from '../handlers/pv.js';
 import { Config } from './index.js';
-import { version } from '../package.json.js';
 
 // 上报数据
 let Report = {
@@ -30,8 +30,10 @@ let Report = {
     pageTitle: '',
     referrer: '',
     pv: null,
+    lag: null,
     ua: null,
     error: null,
+    req: null,
     dpr: 1,
     perf: null,
     vD: undefined,
@@ -71,9 +73,10 @@ function initReportFunc() {
  */
 function setReportValue(key, value) {
     if (Object.prototype.hasOwnProperty.call(Report, key)) {
-        if (['pv', 'ua', 'error', 'request'].includes(key)) {
+        if (['pv', 'ua', 'error', 'request', 'lag'].includes(key)) {
             Report = Object.assign(Object.assign({}, Report), {
                 pv: null,
+                lag: null,
                 ua: null,
                 error: null,
                 req: null,
@@ -134,7 +137,9 @@ const tempUrlInfo = {};
 const recordXMLHttpRequestLog = (XMLHttpRequestTimeout) => {
     XMLHttpRequestTimeout = typeof XMLHttpRequestTimeout === 'number' ? XMLHttpRequestTimeout : 1000;
     const timeRecordArray = [];
+    //@ts-ignore
     window.__XMLHttpRequest__ = window.XMLHttpRequest;
+    //@ts-ignore
     window.XMLHttpRequest = newXHR;
     window.addEventListener('ajaxLoadStart', function (e) {
         const tempObj = {
@@ -159,10 +164,12 @@ const recordXMLHttpRequestLog = (XMLHttpRequestTimeout) => {
                     statusText,
                     reason: '',
                     detail: '',
+                    requestData: '',
+                    method: '',
                 };
                 if (loadTime && loadTime > XMLHttpRequestTimeout) {
                     request.reason = 'slow';
-                    request.detail = `request is too slow, XMLHttpRequestTimeout: ${XMLHttpRequestTimeout}`;
+                    request.detail = `request is too slow, XMLHttpRequestTimeout: ${loadTime}`;
                 }
                 else if (status && status >= 300 && statusText && statusText.toLowerCase() !== 'ok') {
                     request.reason = 'failed';
@@ -195,6 +202,7 @@ const hackFetch = (XMLHttpRequestTimeout) => {
     if (typeof window.fetch === 'function') {
         const __fetch__ = window.fetch;
         window.__fetch__ = __fetch__;
+        //@ts-ignore
         window.fetch = function (t, ...args) {
             const begin = Date.now();
             //禁用数组的扩展运算符,否则portal的生产环境会报Uncaught TypeError: Object(...) is not a function,
@@ -225,6 +233,8 @@ const hackFetch = (XMLHttpRequestTimeout) => {
                         statusText,
                         reason: '',
                         detail: '',
+                        requestData: '',
+                        method: '',
                     };
                     if (!ok || status >= 300) {
                         request.reason = 'failed';
@@ -232,7 +242,7 @@ const hackFetch = (XMLHttpRequestTimeout) => {
                     }
                     else if (loadTime > XMLHttpRequestTimeout) {
                         request.reason = 'slow';
-                        request.detail = `request is too slow, XMLHttpRequestTimeout: ${XMLHttpRequestTimeout}, result: ${result === null || result === void 0 ? void 0 : result.slice(0, 500)}`;
+                        request.detail = `request is too slow, XMLHttpRequestTimeout: ${loadTime}, result: ${result === null || result === void 0 ? void 0 : result.slice(0, 500)}`;
                     }
                     if (request.reason) {
                         if (!tempUrlInfo[url]) {

package/esm/handlers/error.js

@@ -1,10 +1,10 @@
-import * as rrweb from 'rrweb';
 import ErrorStackParser from 'error-stack-parser';
 import html2canvas from 'html2canvas';
+import * as rrweb from 'rrweb';
 import { v4 } from 'uuid';
-import { report } from '../reporter.js';
-import { setReportValue, getReport } from '../config/global.js';
 import { Config } from '../config/index.js';
+import { setReportValue, getReport } from '../config/global.js';
+import { report } from '../reporter.js';
 
 const eventsMatrix = [[]];
 rrweb.record({

package/esm/handlers/pv.d.ts

@@ -22,3 +22,4 @@ export declare function setRouteStack(page: string | string[]): {
     originPage: string;
     page: string;
 };
+export declare function handlePageLag(lagTime: number): void;

package/esm/handlers/pv.js

@@ -1,6 +1,6 @@
+import { Config } from '../config/index.js';
 import { setReportValue, getReport } from '../config/global.js';
 import { report } from '../reporter.js';
-import { Config } from '../config/index.js';
 import { visualTrackFunc } from '../utils/index.js';
 
 /** 路由栈数组，存储路由变化信息 */
@@ -31,12 +31,12 @@ function _history(type) {
  */
 function handleHistoryChange(__e) {
     visualTrackFunc();
-    setReport();
+    setReport({ type: 'pv' });
 }
 /**
  * 设置信息并触发上报
  */
-function setReport() {
+function setReport({ type, lagTime }) {
     let pageUrl = location.href;
     /**
      * 此判断的逻辑是因为spa且hash模式下，路由搜索参数更改也会触发handleHistoryChange事件
@@ -59,7 +59,7 @@ function setReport() {
     }
     const { originPage, page } = setRouteStack(pageUrl);
     // 愿页面等于当前页面，说明无路由变更。只有spa且hash模式下才会出现
-    if (originPage === page) {
+    if (originPage === page && type === 'pv') {
         return;
     }
     const currentTime = new Date().getTime();
@@ -70,8 +70,14 @@ function setReport() {
     // 设置信息
     setReportValue('originPage', originPage);
     setReportValue('page', page);
-    setReportValue('type', 'pv');
-    setReportValue('pv', { stayTime });
+    if (type === 'pv') {
+        setReportValue('type', 'pv');
+        setReportValue('pv', { stayTime });
+    }
+    else if (type === 'lag') {
+        setReportValue('type', 'lag');
+        setReportValue('lag', { lagTime: lagTime });
+    }
     // 上报数据
     report(getReport());
 }
@@ -95,6 +101,10 @@ function setRouteStack(page) {
         originPage: routerStack[0],
         page: routerStack[1] || routerStack[0],
     };
+}
+function handlePageLag(lagTime) {
+    // console.log('检测到页面卡顿', lagTime);
+    setReport({ type: 'lag', lagTime });
 }
 
-export { _history, handleHistoryChange, setPVTime, setRouteStack };
+export { _history, handleHistoryChange, handlePageLag, setPVTime, setRouteStack };

package/esm/handlers/user-activity.js

@@ -1,6 +1,6 @@
-import { getElmPath } from '../utils/index.js';
-import { report } from '../reporter.js';
 import { setReportValue, getReport } from '../config/global.js';
+import { report } from '../reporter.js';
+import { getElmPath } from '../utils/index.js';
 
 /**
  * @description 点击事件触发后的操作

package/esm/index.d.ts

@@ -1,7 +1,11 @@
+/// <reference types="node" />
 import { IConfig } from './types/config';
 export default class Track {
+    lagTimer: NodeJS.Timeout | null;
+    observer: PerformanceObserver | null;
     init(config: IConfig): void;
     visualTrack: () => void;
+    listenPageLag: () => void;
     /**
      * @description 监听错误异常
      */

package/esm/index.js

@@ -1,18 +1,30 @@
-import { initWindowObjectFunction, on, off, visualTrackFunc, handleLocationChange } from './utils/index.js';
 import { setConfig, Config } from './config/index.js';
 import { initReport, recordXMLHttpRequestLog, hackFetch } from './config/global.js';
-import { _history, handleHistoryChange } from './handlers/pv.js';
+import { monitorTrackSessionId } from './constant.js';
+import { handlePageLag, _history, handleHistoryChange } from './handlers/pv.js';
 import { handleError } from './handlers/error.js';
 import { handleClick, handleBlur, handleScroll } from './handlers/user-activity.js';
-import { monitorTrackSessionId } from './constant.js';
+import { initWindowObjectFunction, on, off, visualTrackFunc, handleLocationChange } from './utils/index.js';
 
 class Track {
     constructor() {
+        this.lagTimer = null;
+        this.observer = null;
         this.visualTrack = () => {
             window.onload = () => {
                 visualTrackFunc();
             };
         };
+        this.listenPageLag = () => {
+            this.observer = new PerformanceObserver((list) => {
+                list.getEntries().forEach((entry) => {
+                    if (entry.duration > 400) {
+                        handlePageLag(entry.duration);
+                    }
+                });
+            });
+            this.observer.observe({ entryTypes: ['longtask'] });
+        };
     }
     init(config) {
         var _a;
@@ -23,7 +35,7 @@ class Track {
         // 没有项目ID，则不监听任何事件
         if (!config.projectID) {
             // eslint-disable-next-line no-console
-            console.warn('缺少项目ID或token!');
+            console.warn('缺少项目ID或projectID!');
             return;
         }
         // 没有reportUrl
@@ -43,6 +55,7 @@ class Track {
         Config.enableBehavior && this.addListenUserActivity();
         Config.enableError && this.addListenJSUncaught();
         this.visualTrack();
+        this.listenPageLag();
         this.addListenUnload();
         initWindowObjectFunction();
     }
@@ -94,6 +107,7 @@ class Track {
      * @description 销毁监听器
      */
     destroy() {
+        var _a;
         if (Config.spa) {
             // off('hashchange', pv.handleHashChange);
             off('pushState', handleHistoryChange);
@@ -108,6 +122,8 @@ class Track {
         if (Config.enableError) {
             off('error', handleError);
         }
+        this.lagTimer && clearInterval(this.lagTimer);
+        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
         sessionStorage.removeItem(monitorTrackSessionId);
     }
 }

package/esm/package.json.js

@@ -1,3 +1,3 @@
-var version = "1.11.0";
+var version = "1.12.1";
 
 export { version };

package/esm/reporter.d.ts

@@ -48,11 +48,13 @@ export declare const reportMap: {
     /** 操作系统版本 */
     osVersion: string;
     pv: {
-        /** 子类型 */
-        subType: string;
         /** 停留时间 */
         stayTime: string;
     };
+    lag: {
+        /** 页面卡顿时间 */
+        lagTime: string;
+    };
     error: {
         /** 子类型 */
         subType: string;
@@ -125,13 +127,16 @@ export declare const reportMap: {
             domContentLoadedEventEnd: string;
             /** 是一个无符号long long 型的毫秒数，返回当解析器发送DOMContentLoaded (en-US) 事件，即所有需要被执行的脚本已经被解析时的Unix毫秒时间戳。 */
             domContentLoadedEventStart: string;
-            /** 是一个无符号long long 型的毫秒数，返回当前网页DOM结构结束解析、开始加载内嵌资源时（即Document.readyState属性变为“interactive”、相应的readystatechange (en-US)事件触发时）的Unix毫秒时间戳。 */
+            /** 是一个无符号long long 型的毫秒数，返回当前网页DOM结构结束解析、开始加载内嵌资源时（即Document.readyState属性变为“interactive”、
+             * 相应的readystatechange (en-US)事件触发时）的Unix毫秒时间戳。 */
             domInteractive: string;
             /** 是一个无符号long long 型的毫秒数，返回当前网页DOM结构开始解析时（即Document.readyState属性变为“loading”、相应的 readystatechange (en-US)事件触发时）的Unix毫秒时间戳。 */
             domLoading: string;
-            /** 是一个无符号long long 型的毫秒数，表征了域名查询结束的UNIX时间戳。如果使用了持续连接(persistent connection)，或者这个信息存储到了缓存或者本地资源上，这个值将和 PerformanceTiming.fetchStart一致。 */
+            /** 是一个无符号long long 型的毫秒数，表征了域名查询结束的UNIX时间戳。如果使用了持续连接(persistent connection)，
+             * 或者这个信息存储到了缓存或者本地资源上，这个值将和 PerformanceTiming.fetchStart一致。 */
             domainLookupEnd: string;
-            /** 是一个无符号long long 型的毫秒数，表征了域名查询开始的UNIX时间戳。如果使用了持续连接(persistent connection)，或者这个信息存储到了缓存或者本地资源上，这个值将和 PerformanceTiming.fetchStart一致。 */
+            /** 是一个无符号long long 型的毫秒数，表征了域名查询开始的UNIX时间戳。如果使用了持续连接(persistent connection)，
+             * 或者这个信息存储到了缓存或者本地资源上，这个值将和 PerformanceTiming.fetchStart一致。 */
             domainLookupStart: string;
             /** 是一个无符号long long 型的毫秒数，表征了浏览器准备好使用HTTP请求来获取(fetch)文档的UNIX时间戳。这个时间点会在检查任何应用缓存之前。 */
             fetchStart: string;
@@ -153,9 +158,11 @@ export declare const reportMap: {
             responseStart: string;
             /** 是一个无符号long long 型的毫秒数，返回浏览器与服务器开始安全链接的握手时的Unix毫秒时间戳。如果当前网页不要求安全连接，则返回0。 */
             secureConnectionStart: string;
-            /** 是一个无符号long long 型的毫秒数，表征了unload (en-US)事件处理完成时的UNIX时间戳。如果没有上一个文档，or if the previous document, or one of the needed redirects, is not of the same origin, 这个值会返回0. */
+            /** 是一个无符号long long 型的毫秒数，表征了unload (en-US)事件处理完成时的UNIX时间戳。如果没有上一个文档，
+             * or if the previous document, or one of the needed redirects, is not of the same origin, 这个值会返回0. */
             unloadEventEnd: string;
-            /** 是一个无符号long long 型的毫秒数，表征了unload (en-US)事件抛出时的UNIX时间戳。如果没有上一个文档，or if the previous document, or one of the needed redirects, is not of the same origin, 这个值会返回0. */
+            /** 是一个无符号long long 型的毫秒数，表征了unload (en-US)事件抛出时的UNIX时间戳。如果没有上一个文档，
+             * or if the previous document, or one of the needed redirects, is not of the same origin, 这个值会返回0. */
             unloadEventStart: string;
         };
     };
@@ -175,6 +182,10 @@ export declare const reportMap: {
         reason: string;
         /** 上报时带上的详细信息 */
         detail: string;
+        /** 上报时带上的请求参数 */
+        requestData: string;
+        /** 上报时带上的请求方法 */
+        method: string;
     };
     vD: {
         /** 埋点名称 */

package/esm/reporter.js

@@ -1,7 +1,7 @@
 import { v4 } from 'uuid';
-import { serialize } from './utils/index.js';
-import { getFullScreenShoot } from './handlers/error.js';
 import { Config } from './config/index.js';
+import { getFullScreenShoot } from './handlers/error.js';
+import { serialize } from './utils/index.js';
 
 /** 上报数据映射 */
 const reportMap = {
@@ -52,11 +52,13 @@ const reportMap = {
     /** 操作系统版本 */
     osVersion: 'osV',
     pv: {
-        /** 子类型 */
-        subType: 'suT',
         /** 停留时间 */
         stayTime: 'sT',
     },
+    lag: {
+        /** 页面卡顿时间 */
+        lagTime: 'lT',
+    },
     error: {
         /** 子类型 */
         subType: 'suT',
@@ -129,13 +131,16 @@ const reportMap = {
             domContentLoadedEventEnd: 'scLee',
             /** 是一个无符号long long 型的毫秒数，返回当解析器发送DOMContentLoaded (en-US) 事件，即所有需要被执行的脚本已经被解析时的Unix毫秒时间戳。 */
             domContentLoadedEventStart: 'dcLes',
-            /** 是一个无符号long long 型的毫秒数，返回当前网页DOM结构结束解析、开始加载内嵌资源时（即Document.readyState属性变为“interactive”、相应的readystatechange (en-US)事件触发时）的Unix毫秒时间戳。 */
+            /** 是一个无符号long long 型的毫秒数，返回当前网页DOM结构结束解析、开始加载内嵌资源时（即Document.readyState属性变为“interactive”、
+             * 相应的readystatechange (en-US)事件触发时）的Unix毫秒时间戳。 */
             domInteractive: 'di',
             /** 是一个无符号long long 型的毫秒数，返回当前网页DOM结构开始解析时（即Document.readyState属性变为“loading”、相应的 readystatechange (en-US)事件触发时）的Unix毫秒时间戳。 */
             domLoading: 'dl',
-            /** 是一个无符号long long 型的毫秒数，表征了域名查询结束的UNIX时间戳。如果使用了持续连接(persistent connection)，或者这个信息存储到了缓存或者本地资源上，这个值将和 PerformanceTiming.fetchStart一致。 */
+            /** 是一个无符号long long 型的毫秒数，表征了域名查询结束的UNIX时间戳。如果使用了持续连接(persistent connection)，
+             * 或者这个信息存储到了缓存或者本地资源上，这个值将和 PerformanceTiming.fetchStart一致。 */
             domainLookupEnd: 'dle',
-            /** 是一个无符号long long 型的毫秒数，表征了域名查询开始的UNIX时间戳。如果使用了持续连接(persistent connection)，或者这个信息存储到了缓存或者本地资源上，这个值将和 PerformanceTiming.fetchStart一致。 */
+            /** 是一个无符号long long 型的毫秒数，表征了域名查询开始的UNIX时间戳。如果使用了持续连接(persistent connection)，
+             * 或者这个信息存储到了缓存或者本地资源上，这个值将和 PerformanceTiming.fetchStart一致。 */
             domainLookupStart: 'dls',
             /** 是一个无符号long long 型的毫秒数，表征了浏览器准备好使用HTTP请求来获取(fetch)文档的UNIX时间戳。这个时间点会在检查任何应用缓存之前。 */
             fetchStart: 'fs',
@@ -157,9 +162,11 @@ const reportMap = {
             responseStart: 'resS',
             /** 是一个无符号long long 型的毫秒数，返回浏览器与服务器开始安全链接的握手时的Unix毫秒时间戳。如果当前网页不要求安全连接，则返回0。 */
             secureConnectionStart: 'scs',
-            /** 是一个无符号long long 型的毫秒数，表征了unload (en-US)事件处理完成时的UNIX时间戳。如果没有上一个文档，or if the previous document, or one of the needed redirects, is not of the same origin, 这个值会返回0. */
+            /** 是一个无符号long long 型的毫秒数，表征了unload (en-US)事件处理完成时的UNIX时间戳。如果没有上一个文档，
+             * or if the previous document, or one of the needed redirects, is not of the same origin, 这个值会返回0. */
             unloadEventEnd: 'uee',
-            /** 是一个无符号long long 型的毫秒数，表征了unload (en-US)事件抛出时的UNIX时间戳。如果没有上一个文档，or if the previous document, or one of the needed redirects, is not of the same origin, 这个值会返回0. */
+            /** 是一个无符号long long 型的毫秒数，表征了unload (en-US)事件抛出时的UNIX时间戳。如果没有上一个文档，
+             * or if the previous document, or one of the needed redirects, is not of the same origin, 这个值会返回0. */
             unloadEventStart: 'ees',
         },
     },
@@ -179,6 +186,10 @@ const reportMap = {
         reason: 're',
         /** 上报时带上的详细信息 */
         detail: 'de',
+        /** 上报时带上的请求参数 */
+        requestData: 'rD',
+        /** 上报时带上的请求方法 */
+        method: 'rM',
     },
     vD: {
         /** 埋点名称 */
@@ -214,7 +225,6 @@ const xhrFunc = (filename, userId, asyncUpdateId, file, res, callback, rest) =>
                     callback((_a = resp.result) === null || _a === void 0 ? void 0 : _a.response);
                 }
                 catch (_err) {
-                    //
                 }
                 res();
             }

package/esm/types/global.d.ts

@@ -1,4 +1,4 @@
-import { IErrorInfo, INavigator, IPv, IUserActivity, IPerformance } from '.';
+import { IErrorInfo, INavigator, IPerformance, IPv, IUserActivity } from '.';
 /**
  * @description 上报信息
  */
@@ -34,9 +34,23 @@ export interface IReport extends INavigator {
     /** dpr */
     dpr: number;
     pv: IPv | null;
+    lag: {
+        lagTime: number;
+    } | null;
     error: IErrorInfo | null;
     ua: IUserActivity | null;
     perf: IPerformance | null;
+    req: {
+        requestType: string;
+        responseURL: string;
+        status: number;
+        loadTime: number;
+        statusText: string;
+        reason: 'slow' | 'failed' | string;
+        detail: string;
+        requestData: string;
+        method: string;
+    } | null;
     vD?: {
         /** 埋点名称 */
         trackName: string;
@@ -64,7 +78,7 @@ export interface IReport extends INavigator {
  * @type visual 可视化埋点上报
  * @type manual 手动上报
  */
-export type IType = 'pv' | 'error' | 'ua' | 'api' | 'per' | 'init' | 'request' | 'visual' | 'manual';
+export type IType = 'pv' | 'error' | 'ua' | 'api' | 'per' | 'init' | 'request' | 'visual' | 'manual' | 'lag';
 export interface Navigator {
     connection: any;
 }

package/esm/types/index.d.ts

@@ -153,13 +153,16 @@ export interface IPerformance {
         domContentLoadedEventEnd: number;
         /** 是一个无符号long long 型的毫秒数，返回当解析器发送DOMContentLoaded (en-US) 事件，即所有需要被执行的脚本已经被解析时的Unix毫秒时间戳。 */
         domContentLoadedEventStart: number;
-        /** 是一个无符号long long 型的毫秒数，返回当前网页DOM结构结束解析、开始加载内嵌资源时（即Document.readyState属性变为“interactive”、相应的readystatechange (en-US)事件触发时）的Unix毫秒时间戳。 */
+        /** 是一个无符号long long 型的毫秒数，返回当前网页DOM结构结束解析、开始加载内嵌资源时（即Document.readyState属性变为“interactive”、
+         * 相应的readystatechange (en-US)事件触发时）的Unix毫秒时间戳。 */
         domInteractive: number;
         /** 是一个无符号long long 型的毫秒数，返回当前网页DOM结构开始解析时（即Document.readyState属性变为“loading”、相应的 readystatechange (en-US)事件触发时）的Unix毫秒时间戳。 */
         domLoading: number;
-        /** 是一个无符号long long 型的毫秒数，表征了域名查询结束的UNIX时间戳。如果使用了持续连接(persistent connection)，或者这个信息存储到了缓存或者本地资源上，这个值将和 PerformanceTiming.fetchStart一致。 */
+        /** 是一个无符号long long 型的毫秒数，表征了域名查询结束的UNIX时间戳。如果使用了持续连接(persistent connection)，
+         * 或者这个信息存储到了缓存或者本地资源上，这个值将和 PerformanceTiming.fetchStart一致。 */
         domainLookupEnd: number;
-        /** 是一个无符号long long 型的毫秒数，表征了域名查询开始的UNIX时间戳。如果使用了持续连接(persistent connection)，或者这个信息存储到了缓存或者本地资源上，这个值将和 PerformanceTiming.fetchStart一致。 */
+        /** 是一个无符号long long 型的毫秒数，表征了域名查询开始的UNIX时间戳。如果使用了持续连接(persistent connection)，
+         * 或者这个信息存储到了缓存或者本地资源上，这个值将和 PerformanceTiming.fetchStart一致。 */
         domainLookupStart: number;
         /** 是一个无符号long long 型的毫秒数，表征了浏览器准备好使用HTTP请求来获取(fetch)文档的UNIX时间戳。这个时间点会在检查任何应用缓存之前。 */
         fetchStart: number;
@@ -181,9 +184,11 @@ export interface IPerformance {
         responseStart: number;
         /** 是一个无符号long long 型的毫秒数，返回浏览器与服务器开始安全链接的握手时的Unix毫秒时间戳。如果当前网页不要求安全连接，则返回0。 */
         secureConnectionStart: number;
-        /** 是一个无符号long long 型的毫秒数，表征了unload (en-US)事件处理完成时的UNIX时间戳。如果没有上一个文档，or if the previous document, or one of the needed redirects, is not of the same origin, 这个值会返回0. */
+        /** 是一个无符号long long 型的毫秒数，表征了unload (en-US)事件处理完成时的UNIX时间戳。如果没有上一个文档，
+         * or if the previous document, or one of the needed redirects, is not of the same origin, 这个值会返回0. */
         unloadEventEnd: number;
-        /** 是一个无符号long long 型的毫秒数，表征了unload (en-US)事件抛出时的UNIX时间戳。如果没有上一个文档，or if the previous document, or one of the needed redirects, is not of the same origin, 这个值会返回0. */
+        /** 是一个无符号long long 型的毫秒数，表征了unload (en-US)事件抛出时的UNIX时间戳。如果没有上一个文档，
+         * or if the previous document, or one of the needed redirects, is not of the same origin, 这个值会返回0. */
         unloadEventStart: number;
     };
 }