monitor-track 1.13.0 → 1.15.0

package/index.js

@@ -34,12 +34,16 @@ var MonitorTrack = (function (uuid, ErrorStackParser, html2canvas, rrweb, axios,
         reportUrl: '',
         projectID: '',
         maxLength: 1000,
-        spa: false,
-        hash: false,
+        spa: true,
+        hash: true,
         enableBehavior: true,
         enableError: true,
+        enableErrorScreenshot: false,
+        enableErrorEvent: false,
         enableVisualTrack: false,
-        enableLagTrack: false,
+        enableLagTrack: true,
+        enableRecord: false,
+        enableOnlinePersons: true,
         ignore: {
             urls: [],
             errors: [],
@@ -51,7 +55,17 @@ var MonitorTrack = (function (uuid, ErrorStackParser, html2canvas, rrweb, axios,
      * @param config 配置项
      */
     function setConfig(config) {
+        var _a;
         Object.assign(Config, config);
+        if (!Config.ignore)
+            Config.ignore = {};
+        if (Array.isArray((_a = Config.ignore) === null || _a === void 0 ? void 0 : _a.errors)) {
+            ['ResizeObserver loop limit exceeded', 'ResizeObserver loop completed with undelivered notifications.', 'Cancel'].forEach(function (item) {
+                if (!Config.ignore.errors.includes(item)) {
+                    Config.ignore.errors.push(item);
+                }
+            });
+        }
     }
 
     /******************************************************************************
@@ -68,6 +82,22 @@ var MonitorTrack = (function (uuid, ErrorStackParser, html2canvas, rrweb, axios,
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
     ***************************************************************************** */
+    /* global Reflect, Promise, SuppressedError, Symbol */
+
+    var extendStatics = function(d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+
+    function __extends(d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    }
 
     var __assign = function() {
         __assign = Object.assign || function __assign(t) {
@@ -123,24 +153,26 @@ var MonitorTrack = (function (uuid, ErrorStackParser, html2canvas, rrweb, axios,
         return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
     };
 
-    var version = "1.13.0";
+    var version = "1.15.0";
 
     var eventsMatrix = [[]];
-    rrweb__namespace.record({
-        emit: function (event, isCheckout) {
-            // isCheckout 是一个标识，告诉你重新制作了快照
-            if (isCheckout) {
-                eventsMatrix.push([]);
-            }
-            if (eventsMatrix.length > 2) {
-                eventsMatrix.shift();
-            }
-            var lastEvents = eventsMatrix[eventsMatrix.length - 1];
-            lastEvents.push(event);
-        },
-        // 每30秒重新制作快照
-        checkoutEveryNms: 30 * 1000
-    });
+    function enableRecordFunc() {
+        rrweb__namespace.record({
+            emit: function (event, isCheckout) {
+                // isCheckout 是一个标识，告诉你重新制作了快照
+                if (isCheckout) {
+                    eventsMatrix.push([]);
+                }
+                if (eventsMatrix.length > 2) {
+                    eventsMatrix.shift();
+                }
+                var lastEvents = eventsMatrix[eventsMatrix.length - 1];
+                lastEvents.push(event);
+            },
+            // 每30秒重新制作快照
+            checkoutEveryNms: 30 * 1000
+        });
+    }
     /**
      * @description 错误事件触发后的操作
      */
@@ -881,6 +913,8 @@ var MonitorTrack = (function (uuid, ErrorStackParser, html2canvas, rrweb, axios,
             detail: 'de',
             /** 上报时带上的请求参数 */
             requestData: 'rD',
+            /** 上报时带上的响应结果 */
+            responseBody: 'rB',
             /** 上报时带上的请求方法 */
             method: 'rM'
         },
@@ -949,7 +983,7 @@ var MonitorTrack = (function (uuid, ErrorStackParser, html2canvas, rrweb, axios,
                     delete ERROR_MESSAGE_MAP[message_1];
                 }, 3000);
                 var p_1 = payload.p, pid_1 = payload.pid, host_1 = payload.host, bN_1 = payload.bN, pt_1 = payload.pt;
-                if ((_c = data.error) === null || _c === void 0 ? void 0 : _c.events) {
+                if (((_c = data.error) === null || _c === void 0 ? void 0 : _c.events) && Config.enableErrorEvent) {
                     hasErrorEvent = true;
                     var errorEvent_1 = data.error.events;
                     var delayTime = Math.ceil(Math.random() * 10000);
@@ -960,16 +994,18 @@ var MonitorTrack = (function (uuid, ErrorStackParser, html2canvas, rrweb, axios,
                         });
                     }, delayTime < 3500 ? 3500 : delayTime);
                 }
-                picturePromise = getFullScreenShoot(filename)
-                    .then(function (file) {
-                    return new Promise(function (res) {
-                        xhrFunc(file.name, data.uuid, filename, file, res, function (result) {
-                            payload.error.pic = result;
-                        }, { p: p_1, pid: pid_1, host: host_1, bN: bN_1, pt: pt_1 });
+                if (Config.enableErrorScreenshot) {
+                    picturePromise = getFullScreenShoot(filename)
+                        .then(function (file) {
+                        return new Promise(function (res) {
+                            xhrFunc(file.name, data.uuid, filename, file, res, function (result) {
+                                payload.error.pic = result;
+                            }, { p: p_1, pid: pid_1, host: host_1, bN: bN_1, pt: pt_1 });
+                        });
+                    })["catch"](function (err) {
+                        payload.error.picError = (err === null || err === void 0 ? void 0 : err.stack) || (err === null || err === void 0 ? void 0 : err.toString());
                     });
-                })["catch"](function (err) {
-                    payload.error.picError = (err === null || err === void 0 ? void 0 : err.stack) || (err === null || err === void 0 ? void 0 : err.toString());
-                });
+                }
             }
         }
         return picturePromise
@@ -1005,6 +1041,10 @@ var MonitorTrack = (function (uuid, ErrorStackParser, html2canvas, rrweb, axios,
     // 上报
     function report(data) {
         return new Promise(function (res) {
+            var _a;
+            if ((((_a = Config.ignore) === null || _a === void 0 ? void 0 : _a.urls) || []).some(function (url) { return location.href.includes(url); })) {
+                return;
+            }
             //在帧的空闲时间上报
             var dataCopy = JSON.parse(JSON.stringify(data));
             if (typeof window.requestIdleCallback === 'function') {
@@ -1266,175 +1306,456 @@ var MonitorTrack = (function (uuid, ErrorStackParser, html2canvas, rrweb, axios,
             dpr: window.devicePixelRatio
         });
     }
-    function ajaxEventTrigger(event) {
-        var ajaxEvent = new CustomEvent(event, {
-            detail: this
+
+    var reconnectAndSendTimeout, websocketHeartBeatInterval, ws, userId = '';
+    var remoteDebugEnable = false;
+    var targetPlatform = '';
+    var targetUserId = '';
+    var originConsole = __assign({}, console);
+    var formatConsole = function () {
+        if (remoteDebugEnable)
+            return;
+        remoteDebugEnable = true;
+        window.console = __assign({}, originConsole);
+        var arr = ['debug', 'log', 'info', 'warn', 'error'];
+        arr.forEach(function (item) {
+            //@ts-ignore
+            window.console[item] = function () {
+                var args = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    args[_i] = arguments[_i];
+                }
+                //@ts-ignore
+                originConsole[item].apply(originConsole, args);
+                var data = {
+                    origin: 'console',
+                    level: item,
+                    userId: userId,
+                    time: new Date().toLocaleString(),
+                    page: location.href,
+                    content: '',
+                    targetPlatform: targetPlatform,
+                    targetUserId: targetUserId
+                };
+                try {
+                    var content = JSON.stringify(args);
+                    data.content = content;
+                }
+                catch (err) {
+                    data.content = 'console内容解析错误： ' + err.stack || err.message || err.toString();
+                }
+                var msg = {
+                    type: WEBSOCKET_TYPE.DEBUG_INFO_UPLOAD,
+                    userId: userId,
+                    platform: 'monitor-track-sdk',
+                    data: data
+                };
+                wsSendFunc(msg);
+            };
         });
-        window.dispatchEvent(ajaxEvent);
-    }
-    var OldXHR = window.XMLHttpRequest;
-    function newXHR() {
-        var realXHR = new OldXHR();
-        realXHR.addEventListener('loadstart', function () {
-            ajaxEventTrigger.call(this, 'ajaxLoadStart');
-        }, false);
-        realXHR.addEventListener('loadend', function () {
-            ajaxEventTrigger.call(this, 'ajaxLoadEnd');
-        }, false);
-        // 此处的捕获的异常会连日志接口也一起捕获，如果日志上报接口异常了，就会导致死循环了。
-        realXHR.onerror = function (e) {
-            // eslint-disable-next-line no-console
-            console.warn('realXHR.onerror, e', e);
-        };
-        return realXHR;
+    };
+    var resetConsole = function () {
+        window.console = originConsole;
+        remoteDebugEnable = false;
+    };
+    var uploadRequest = function (requestInfo) {
+        // console.log('monitor-track-sdk: uploadRequest remoteDebugEnable', remoteDebugEnable);
+        if (remoteDebugEnable) {
+            var data = {
+                origin: 'request',
+                userId: userId,
+                time: new Date().toLocaleString(),
+                page: location.href,
+                content: requestInfo,
+                targetPlatform: targetPlatform,
+                targetUserId: targetUserId
+            };
+            var msg = {
+                type: WEBSOCKET_TYPE.DEBUG_INFO_UPLOAD,
+                userId: userId,
+                platform: 'monitor-track-sdk',
+                data: data
+            };
+            // console.log('monitor-track-sdk: request-upload sent');
+            wsSendFunc(msg);
+        }
+    };
+    function enableOnlinePersonsFunc() {
+        initWebsocket();
     }
-    /**
-     * 页面接口请求监控
-     */
-    var tempUrlInfo = {};
-    var recordXMLHttpRequestLog = function (XMLHttpRequestTimeout) {
-        XMLHttpRequestTimeout = typeof XMLHttpRequestTimeout === 'number' ? XMLHttpRequestTimeout : 1000;
-        var timeRecordArray = [];
-        //@ts-ignore
-        window.__XMLHttpRequest__ = window.XMLHttpRequest;
-        //@ts-ignore
-        window.XMLHttpRequest = newXHR;
-        window.addEventListener('ajaxLoadStart', function (e) {
-            var tempObj = {
-                timeStamp: new Date().getTime(),
-                event: e
+    var WEBSOCKET_TYPE = {
+        TRY_CONNECT: 'try-connect',
+        CHECK_CONNECT: 'check-connect',
+        PING: 'ping',
+        PONG: 'pong',
+        REPLY_SERVER_HEART_BEAT: 'reply-server-heart-beat',
+        SOCKET_HEART_BEAT: 'socket-heart-beat',
+        RESPONSE_DATE: 'response-date',
+        REMOTE_DEBUG_ENABLE: 'remote-debug-enable',
+        DEBUG_INFO_UPLOAD: 'debug-info-upload',
+        REPlY_MESSAGE: 'reply-message'
+    };
+    var mounted = false;
+    var initWebsocket = function () {
+        if (window.WebSocket) {
+            userId = localStorage.getItem('username') || getUid();
+            closeWebsocket('');
+            websocketHeartBeatInterval = setInterval(reconnectAndSend, 30000);
+            var isLocal = Config.reportUrl.includes('http://');
+            ws = new WebSocket("ws".concat(isLocal ? '' : 's', "://").concat(Config.reportUrl.replace(isLocal ? 'http://' : 'https://', '').replace('/s/r', ''), "?type=monitor-dsk"));
+            ws.onopen = function () { return openWS(); };
+            ws.onmessage = function (data) { return incomingMessage(data); };
+            ws.onerror = function () {
+                ws.close(1000);
+                if (websocketHeartBeatInterval)
+                    clearInterval(websocketHeartBeatInterval);
+                websocketHeartBeatInterval = setInterval(reconnectAndSend, 10000);
             };
-            timeRecordArray.push(tempObj);
-        });
-        window.addEventListener('ajaxLoadEnd', function () {
-            var timeRecordArrayCopy = [].concat(timeRecordArray);
-            var _loop_1 = function (i) {
-                if (timeRecordArrayCopy[i].event.detail && timeRecordArrayCopy[i].event.detail.status > 0) {
-                    var currentTime = new Date().getTime();
-                    var _a = timeRecordArrayCopy[i].event.detail, responseURL_1 = _a.responseURL, status_1 = _a.status, statusText = _a.statusText, timeStamp = _a.timeStamp;
-                    var previousTime = timeStamp || timeRecordArrayCopy[i].timeStamp;
-                    var loadTime = currentTime - previousTime;
-                    var request = {
-                        requestType: 'xhr',
-                        responseURL: responseURL_1,
-                        status: status_1,
-                        loadTime: loadTime,
-                        statusText: statusText,
-                        reason: '',
-                        detail: '',
-                        requestData: '',
-                        method: ''
-                    };
-                    if (loadTime && loadTime > XMLHttpRequestTimeout) {
-                        request.reason = 'slow';
-                        request.detail = "request is too slow, XMLHttpRequestTimeout: ".concat(loadTime);
-                    }
-                    else if (status_1 && status_1 >= 300 && statusText && statusText.toLowerCase() !== 'ok') {
-                        request.reason = 'failed';
-                        request.detail = "request is failed, status: ".concat(status_1, ", statusText: ").concat(statusText);
+            ws.onclose = function () {
+                ws.close(1000);
+                if (websocketHeartBeatInterval)
+                    clearInterval(websocketHeartBeatInterval);
+                websocketHeartBeatInterval = setInterval(reconnectAndSend, 10000);
+            };
+            if (!mounted) {
+                reconnectNetwork();
+                mounted = true;
+            }
+        }
+    };
+    var openWS = function () {
+        var data = getReport();
+        var page = data.page, projectID = data.projectID, host = data.host, pageTitle = data.pageTitle;
+        var msg = {
+            type: WEBSOCKET_TYPE.TRY_CONNECT,
+            userId: userId,
+            platform: 'monitor-track-sdk',
+            data: {
+                p: page,
+                pid: projectID,
+                host: host,
+                pt: pageTitle,
+                platform: 'web'
+            }
+        };
+        wsSendFunc(msg);
+    };
+    var reconnectAndSend = function () {
+        try {
+            if (ws.readyState !== 1) {
+                reconnectSocket();
+            }
+            else {
+                var msg = {
+                    type: WEBSOCKET_TYPE.CHECK_CONNECT,
+                    userId: userId,
+                    data: WEBSOCKET_TYPE.PING,
+                    date: Date.now()
+                };
+                wsSendFunc(msg, 'reconnectAndSend');
+                //  20秒超时，如果收不到服务端pong响应则表示服务端已主动断开连接，此时需客户端重新开启websocket连接
+                reconnectAndSendTimeout = setTimeout(function () {
+                    reconnectSocket();
+                }, 20000);
+            }
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        }
+        catch (_err) {
+            // console.error('monitor-track-sdk: reconnectAndSend err', err);
+        }
+    };
+    var closeWebsocket = function (info) {
+        if (ws) {
+            ws.onopen = null;
+            ws.onmessage = null;
+            ws.onerror = null;
+            ws.onclose = null;
+            if (ws.readyState === WebSocket.OPEN || ws.readyState === WebSocket.CONNECTING) {
+                ws.close(1000, info);
+            }
+            //@ts-ignore
+            ws = null; // 释放引用
+        }
+        if (websocketHeartBeatInterval)
+            clearInterval(websocketHeartBeatInterval);
+    };
+    var reconnectSocket = function () {
+        // console.warn('monitor-track-sdk: 正在重新建立websocket连接...');
+        initWebsocket();
+    };
+    var incomingMessage = function (e) { return __awaiter(void 0, void 0, void 0, function () {
+        var data, msg, _a, enable, platform, userId_1;
+        return __generator(this, function (_b) {
+            data = {};
+            try {
+                data = JSON.parse(e.data);
+                // console.info('incomingMessage data', data);
+                switch (data.type) {
+                    case WEBSOCKET_TYPE.PONG:
+                        // console.info('monitor-track-sdk: incomingMessage 响应客户端的心跳: ping => pong');
+                        clearTimeout(reconnectAndSendTimeout);
+                        break;
+                    case WEBSOCKET_TYPE.SOCKET_HEART_BEAT: {
+                        msg = {
+                            type: WEBSOCKET_TYPE.CHECK_CONNECT,
+                            userId: userId,
+                            data: WEBSOCKET_TYPE.REPLY_SERVER_HEART_BEAT,
+                            date: Date.now()
+                        };
+                        wsSendFunc(msg, 'socket-heart-beat reply-server-heart-beat');
+                        break;
                     }
-                    else ;
-                    if (request.reason) {
-                        if (!tempUrlInfo[responseURL_1]) {
-                            tempUrlInfo[responseURL_1] = true;
-                            setTimeout(function () {
-                                delete tempUrlInfo[responseURL_1];
-                            }, 10);
-                            setReportValue('error', null);
-                            report(__assign(__assign({}, getReport()), {
-                                page: location.href,
-                                originPage: location.href,
-                                type: 'request',
-                                req: request
-                            }));
+                    case WEBSOCKET_TYPE.RESPONSE_DATE:
+                        // console.info(`monitor-track-sdk: incomingMessage WS connected, Roundtrip time: ${Date.now() - data.data} ms`);
+                        break;
+                    case WEBSOCKET_TYPE.REMOTE_DEBUG_ENABLE: {
+                        _a = data.data, enable = _a.enable, platform = _a.platform, userId_1 = _a.userId;
+                        if (enable && platform && userId_1) {
+                            targetPlatform = platform;
+                            targetUserId = userId_1;
+                            formatConsole();
+                        }
+                        else {
+                            resetConsole();
                         }
+                        break;
+                    }
+                    case WEBSOCKET_TYPE.REPlY_MESSAGE: {
+                        // eslint-disable-next-line no-console
+                        console.info('incomingMessage REPlY_MESSAGE, data: ', data.data);
+                        break;
                     }
+                    default:
+                        // console.error('incomingMessage default error', data);
+                        break;
                 }
-                // 当前请求成功后就在数组中移除掉
-                timeRecordArray.splice(i, 1);
-            };
-            for (var i = 0; i < timeRecordArrayCopy.length; i++) {
-                _loop_1(i);
             }
+            catch (err) {
+                // eslint-disable-next-line no-console
+                console.error('monitor-track-sdk incomingMessage JSON.parse', err);
+            }
+            return [2 /*return*/];
         });
+    }); };
+    var wsSendFunc = function (msg, _info) {
+        if (ws.readyState === 1) {
+            msg.platform = 'monitor-track-sdk';
+            var message = JSON.stringify(msg);
+            ws.send(message);
+        }
+        else {
+            // console.warn('monitor-track-sdk: window.ws.readyState === 1 info', info);
+            reconnectSocket();
+        }
     };
-    var hackFetch = function (XMLHttpRequestTimeout) {
-        XMLHttpRequestTimeout = typeof XMLHttpRequestTimeout === 'number' ? XMLHttpRequestTimeout : 1000;
-        if (typeof window.fetch === 'function') {
-            var __fetch__1 = window.fetch;
-            window.__fetch__ = __fetch__1;
-            //@ts-ignore
-            window.fetch = function (t) {
-                var args = [];
-                for (var _i = 1; _i < arguments.length; _i++) {
-                    args[_i - 1] = arguments[_i];
+    var reconnectNetwork = function () {
+        var networkFlag = false;
+        var debounceTimeout = null;
+        document.addEventListener('offline', function () {
+            // 断开网络
+            try {
+                // console.info('monitor-track-sdk: 客户端网络已断开,正在关闭websocket');
+                ws.close(1000);
+                networkFlag = true;
+                debounceTimeout = setTimeout(function () {
+                    // console.warn('monitor-track-sdk: reconnectNetwork  offline 无法访问网络');
+                    // message.error('无法访问网络');
+                }, 5000);
+            }
+            catch (err) {
+                // console.error('monitor-track-sdk: addEventListener offline after setTimeout', err);
+            }
+        }, false);
+        document.addEventListener('online', function () {
+            // 连接到网络
+            try {
+                if (networkFlag === true) {
+                    clearTimeout(debounceTimeout);
+                    // console.info('monitor-track-sdk: addEventListener reconnectNetwork  online');
+                    // message.success('网络已恢复');
+                    networkFlag = false;
+                    // console.warn('monitor-track-sdk: addEventListener online websocket 正在重新建立连接...');
+                    initWebsocket();
                 }
-                var begin = Date.now();
-                //禁用数组的扩展运算符,否则portal的生产环境会报Uncaught TypeError: Object(...) is not a function,
-                //编译后的__spreadArray函数有问题,而这个函数来自于tslib.具体报错原因不知.
-                //其他平台使用数组的扩展运算符没有问题,比如前端监控平台的管理界面
-                var params = [].concat(t).concat(args);
-                return __fetch__1
-                    .apply(window, params)
-                    .then(function (res) {
-                    var response = res.clone();
-                    var headers = response.headers;
-                    if (headers && typeof headers.get === 'function') {
-                        var ct = headers.get('content-type');
-                        if (ct && !/(text)|(json)/.test(ct)) {
-                            return res;
-                        }
+            }
+            catch (err) {
+                // console.error('monitor-track-sdk: document.addEventListener online', err);
+            }
+        }, false);
+    };
+
+    var xhrTimeout = 2500;
+    var fetchTimeout = 2500;
+    var maxContentLength = 1000;
+    // 保存原始 XMLHttpRequest
+    var OriginalXHR = window.XMLHttpRequest;
+    // 创建增强版的 XMLHttpRequest 类
+    var InterceptedXHR = /** @class */ (function (_super) {
+        __extends(InterceptedXHR, _super);
+        function InterceptedXHR() {
+            var _this = _super.call(this) || this;
+            _this.requestInfo = {
+                requestType: 'xhr',
+                method: '',
+                responseURL: '',
+                requestData: null,
+                responseBody: null,
+                status: 0,
+                startTime: Date.now(),
+                loadTime: 0,
+                statusText: '',
+                reason: '',
+                detail: ''
+            };
+            _this.setupInterceptors();
+            return _this;
+        }
+        InterceptedXHR.prototype.open = function (method, url, async, username, password) {
+            if (async === void 0) { async = true; }
+            _super.prototype.open.call(this, method, url, async, username, password);
+            this.requestInfo.method = method;
+            this.requestInfo.responseURL = url;
+        };
+        // eslint-disable-next-line no-undef
+        InterceptedXHR.prototype.send = function (body) {
+            _super.prototype.send.call(this, body);
+            try {
+                this.requestInfo.requestData =
+                    typeof body === 'object' && body
+                        ? JSON.stringify(body).slice(0, maxContentLength)
+                        : typeof body === 'string'
+                            ? body.slice(0, maxContentLength)
+                            : body || '';
+            }
+            catch (err) {
+                // eslint-disable-next-line no-console
+                console.error('xhr send err: ', err, 'body', body);
+            }
+            this.requestInfo.startTime = Date.now();
+        };
+        InterceptedXHR.prototype.setupInterceptors = function () {
+            var _this = this;
+            this.addEventListener('load', function () {
+                try {
+                    _this.requestInfo.status = _this.status;
+                    _this.requestInfo.responseBody = _this.responseText.slice(0, maxContentLength);
+                    _this.requestInfo.loadTime = Date.now() - _this.requestInfo.startTime;
+                    _this.requestInfo.statusText = _this.statusText;
+                    if (_this.requestInfo.loadTime > xhrTimeout) {
+                        _this.requestInfo.reason = 'slow';
+                        _this.requestInfo.detail = "request is too slow, XMLHttpRequestTimeout: ".concat(_this.requestInfo.loadTime);
                     }
-                    var loadTime = Date.now() - begin;
-                    response
-                        .text()
-                        .then(function (result) {
-                        var url = response.url, status = response.status, statusText = response.statusText, ok = response.ok;
-                        var request = {
+                    if (_this.status >= 400) {
+                        _this.requestInfo.reason = 'failed';
+                        _this.requestInfo.detail = "request is failed, status: ".concat(_this.status, ", statusText: ").concat(_this.statusText);
+                    }
+                    if (_this.requestInfo.reason) {
+                        setReportValue('error', null);
+                        report(__assign(__assign({}, getReport()), {
+                            page: location.href,
+                            originPage: location.href,
+                            type: 'request',
+                            req: _this.requestInfo
+                        }));
+                    }
+                    uploadRequest(_this.requestInfo);
+                }
+                catch (err) {
+                    // eslint-disable-next-line no-console
+                    console.error('xhr load err: ', err, 'this.requestInfo', _this.requestInfo);
+                }
+            });
+            this.addEventListener('error', function () {
+                // console.error('❌ 请求失败:', this.requestInfo);
+            });
+        };
+        return InterceptedXHR;
+    }(OriginalXHR));
+    var recordXMLHttpRequest = function (XMLHttpRequestTimeout) {
+        xhrTimeout = XMLHttpRequestTimeout;
+        // 重写全局 XMLHttpRequest
+        window.XMLHttpRequest = InterceptedXHR;
+    };
+    var originalFetch = window.fetch;
+    // eslint-disable-next-line no-undef
+    var fetchFUnc = function (input, init) {
+        return __awaiter(this, void 0, void 0, function () {
+            var url, options, requestInfo, response, clonedResponse, responseBody, e_1, err_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        url = typeof input === 'string' ? input : input.toString();
+                        options = init || {};
+                        requestInfo = {
                             requestType: 'fetch',
+                            method: options.method || 'GET',
                             responseURL: url,
-                            status: status,
-                            loadTime: loadTime,
-                            statusText: statusText,
+                            requestData: typeof options.body === 'object' && options.body ? JSON.stringify(options.body).slice(0, maxContentLength) : options.body || '',
+                            responseBody: '',
+                            status: 0,
+                            startTime: Date.now(),
+                            loadTime: 0,
+                            statusText: '',
                             reason: '',
-                            detail: '',
-                            requestData: '',
-                            method: ''
+                            detail: ''
                         };
-                        if (!ok || status >= 300) {
-                            request.reason = 'failed';
-                            request.detail = "request is failed, status: ".concat(status, ", statusText: ").concat(statusText);
+                        return [4 /*yield*/, originalFetch(input, init)];
+                    case 1:
+                        response = _a.sent();
+                        _a.label = 2;
+                    case 2:
+                        _a.trys.push([2, 7, , 8]);
+                        clonedResponse = response.clone();
+                        requestInfo.status = response.status;
+                        requestInfo.loadTime = Date.now() - requestInfo.startTime;
+                        requestInfo.statusText = response.statusText;
+                        if (!response.ok) {
+                            requestInfo.reason = 'failed';
+                            requestInfo.detail = "request is failed, status: ".concat(response.status, ", statusText: ").concat(response.statusText);
                         }
-                        else if (loadTime > XMLHttpRequestTimeout) {
-                            request.reason = 'slow';
-                            request.detail = "request is too slow, XMLHttpRequestTimeout: ".concat(loadTime, ", result: ").concat(result === null || result === void 0 ? void 0 : result.slice(0, 500));
-                        }
-                        if (request.reason) {
-                            if (!tempUrlInfo[url]) {
-                                tempUrlInfo[url] = true;
-                                setTimeout(function () {
-                                    delete tempUrlInfo[url];
-                                }, 10);
-                                setReportValue('error', null);
-                                report(__assign(__assign({}, getReport()), {
-                                    page: location.href,
-                                    originPage: location.href,
-                                    type: 'request',
-                                    req: request
-                                }));
+                        else {
+                            if (requestInfo.loadTime > fetchTimeout) {
+                                requestInfo.reason = 'slow';
+                                requestInfo.detail = "request is too slow, XMLHttpRequestTimeout: ".concat(requestInfo.loadTime);
                             }
                         }
-                    })["catch"](function (err) {
+                        _a.label = 3;
+                    case 3:
+                        _a.trys.push([3, 5, , 6]);
+                        return [4 /*yield*/, clonedResponse.text()];
+                    case 4:
+                        responseBody = _a.sent();
+                        requestInfo.responseBody = responseBody.slice(0, maxContentLength);
+                        return [3 /*break*/, 6];
+                    case 5:
+                        e_1 = _a.sent();
+                        requestInfo.responseBody = (e_1 === null || e_1 === void 0 ? void 0 : e_1.message) || (e_1 === null || e_1 === void 0 ? void 0 : e_1.stack) || (e_1 === null || e_1 === void 0 ? void 0 : e_1.toString());
+                        return [3 /*break*/, 6];
+                    case 6:
+                        if (requestInfo.reason) {
+                            setReportValue('error', null);
+                            report(__assign(__assign({}, getReport()), {
+                                page: location.href,
+                                originPage: location.href,
+                                type: 'request',
+                                req: requestInfo
+                            }));
+                        }
+                        uploadRequest(requestInfo);
+                        return [3 /*break*/, 8];
+                    case 7:
+                        err_1 = _a.sent();
                         // eslint-disable-next-line no-console
-                        console.log('hackFetch response.text() err', err);
-                    });
-                    return res;
-                })["catch"](function (err) {
-                    // eslint-disable-next-line no-console
-                    console.log('hackFetch err', err);
-                });
-            };
-        }
+                        console.error('❌ 获取响应数据失败, requestInfo: ', requestInfo, 'err: ', err_1);
+                        return [3 /*break*/, 8];
+                    case 8: return [2 /*return*/, response];
+                }
+            });
+        });
+    };
+    var recordFetch = function (XMLHttpRequestTimeout) {
+        fetchTimeout = XMLHttpRequestTimeout;
+        window.fetch = fetchFUnc;
     };
 
     var Track = /** @class */ (function () {
@@ -1450,8 +1771,10 @@ var MonitorTrack = (function (uuid, ErrorStackParser, html2canvas, rrweb, axios,
             this.listenPageLag = function () {
                 _this.observer = new PerformanceObserver(function (list) {
                     list.getEntries().forEach(function (entry) {
-                        if (entry.duration > (Config.lagTimeout || 400)) {
+                        if (entry.duration > (Config.lagTimeout || 800)) {
                             handlePageLag(entry.duration);
+                            // eslint-disable-next-line no-console
+                            console.log('监测到页面卡顿：', entry.duration, entry, location.href);
                         }
                     });
                 });
@@ -1459,7 +1782,6 @@ var MonitorTrack = (function (uuid, ErrorStackParser, html2canvas, rrweb, axios,
             };
         }
         Track.prototype.init = function (config) {
-            var _a;
             // 是否开启日志收集
             if (!config || !config.enable) {
                 return;
@@ -1476,18 +1798,17 @@ var MonitorTrack = (function (uuid, ErrorStackParser, html2canvas, rrweb, axios,
                 console.warn('缺少上报地址!');
                 return;
             }
-            if (this.ignoreUrl(((_a = config === null || config === void 0 ? void 0 : config.ignore) === null || _a === void 0 ? void 0 : _a.urls) || [])) {
-                return;
-            }
             setConfig(config);
             initReport();
-            recordXMLHttpRequestLog(config.XMLHttpRequestTimeout);
-            hackFetch(config.XMLHttpRequestTimeout);
+            recordXMLHttpRequest(config.XMLHttpRequestTimeout || 2500);
+            recordFetch(config.XMLHttpRequestTimeout || 2500);
             Config.spa && this.addListenRouterChange();
             Config.enableBehavior && this.addListenUserActivity();
             Config.enableError && this.addListenJSUncaught();
             Config.enableVisualTrack && this.visualTrack();
             Config.enableLagTrack && this.listenPageLag();
+            Config.enableRecord && enableRecordFunc();
+            Config.enableOnlinePersons && enableOnlinePersonsFunc();
             this.addListenUnload();
             initWindowObjectFunction();
         };
@@ -1528,14 +1849,6 @@ var MonitorTrack = (function (uuid, ErrorStackParser, html2canvas, rrweb, axios,
                 _this.destroy();
             });
         };
-        /**
-         * 忽略的url
-         * @param urls
-         */
-        Track.prototype.ignoreUrl = function (urls) {
-            var someUrl = urls.some(function (url) { return location.href.includes(url); });
-            return someUrl;
-        };
         /**
          * @description 销毁监听器
          */
@@ -1558,6 +1871,7 @@ var MonitorTrack = (function (uuid, ErrorStackParser, html2canvas, rrweb, axios,
             this.lagTimer && clearInterval(this.lagTimer);
             (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
             sessionStorage.removeItem(monitorTrackSessionId);
+            closeWebsocket('destroy');
         };
         return Track;
     }());