mon-reactive-h5 1.0.9 → 1.0.11

package/dist/MonitorSDK.js

@@ -3,12 +3,6 @@
 function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
 function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
 function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
 function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
@@ -47,26 +41,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.MonitorSDK = void 0;
 var BatchReporter_1 = require("./BatchReporter");
 var reporters_1 = require("./reporters");
-/**
- * 前端监控SDK核心类
- */
 var MonitorSDK = /*#__PURE__*/function () {
-  /**
-   * 构造函数
-   * @param config SDK配置
-   */
   function MonitorSDK(config) {
     _classCallCheck(this, MonitorSDK);
-    // 记录上一页URL，用于单页应用路由变化时的referrer
     this.lastPageUrl = document.referrer || '';
     this.appId = config.appId || '';
     this.reportUrl = config.reportUrl || '';
-    // 确保sampleRates是Record<string, number>类型
     if (config.sampleRates) {
-      this.sampleRates = Object.entries(config.sampleRates).reduce(function (acc, _ref) {
-        var _ref2 = _slicedToArray(_ref, 2),
-          key = _ref2[0],
-          value = _ref2[1];
+      this.sampleRates = Object.keys(config.sampleRates).reduce(function (acc, key) {
+        var value = config.sampleRates[key];
         acc[key] = value !== undefined ? value : 1;
         return acc;
       }, {});
@@ -84,65 +67,41 @@ var MonitorSDK = /*#__PURE__*/function () {
       interval: config.interval || 5000
     });
     this.sessionId = this.generateSessionId();
-    // 优先使用配置中的userId，如果没有则尝试从token中提取
     this.userId = config.userId || this.getUserIdFromToken();
-    // 获取版本号，PC端从process.env.VUE_APP_VERSION获取，小程序和APP使用各自的版本号
     this.version = this.getAppVersion(config);
     this.init();
   }
-  /**
-   * 获取应用版本号
-   */
   return _createClass(MonitorSDK, [{
     key: "getAppVersion",
     value: function getAppVersion(config) {
-      // 优先使用配置传入的版本号
       if (config.version) {
         return config.version;
       }
-      // PC端尝试从环境变量获取
       if (typeof process !== 'undefined' && process.env && process.env.VUE_APP_VERSION) {
         return process.env.VUE_APP_VERSION;
       }
-      // 小程序环境检测
       if (typeof wx !== 'undefined' && wx.getSystemInfoSync) {
         try {
           var systemInfo = wx.getSystemInfoSync();
           return systemInfo.AppVersion || systemInfo.version || '1.0.0';
-        } catch (e) {
-          // 忽略错误
-        }
+        } catch (e) {}
       }
-      // APP环境检测
       if (typeof window !== 'undefined' && window.navigator && window.navigator.userAgent) {
-        // 根据实际APP的userAgent格式调整
         var ua = window.navigator.userAgent;
-        // 这里可以根据具体APP的UA格式进行解析
       }
-      return '1.0.0'; // 默认版本号
+      return '1.0.0';
     }
-    /**
-     * 生成会话ID
-     */
   }, {
     key: "generateSessionId",
     value: function generateSessionId() {
       return "".concat(Date.now(), "_").concat(Math.random().toString(36).substring(2, 9));
     }
-    /**
-     * 从token中提取userId
-     * 小程序环境：直接从本地缓存中取"token"
-     * 网页环境：先尝试从sessionStorage中取"-token"，再尝试从cookie里取"Admin-Token"
-     * 取出token后截取最后12位作为userid
-     */
   }, {
     key: "getUserIdFromToken",
     value: function getUserIdFromToken() {
       var token = null;
-      // 1. 先检查是否为小程序环境
       try {
         if (typeof wx !== 'undefined' && wx.getStorageSync) {
-          // 小程序环境，直接从本地缓存中获取token
           var wxToken = wx.getStorageSync('token');
           if (wxToken) {
             token = wxToken;
@@ -151,7 +110,6 @@ var MonitorSDK = /*#__PURE__*/function () {
       } catch (error) {
         console.warn('Failed to get token from wx storage:', error);
       }
-      // 2. 如果不是小程序环境或未获取到token，尝试从sessionStorage中获取token
       if (!token) {
         try {
           if (typeof window !== 'undefined' && window.sessionStorage) {
@@ -161,7 +119,6 @@ var MonitorSDK = /*#__PURE__*/function () {
           console.warn('Failed to get token from sessionStorage:', error);
         }
       }
-      // 3. 如果sessionStorage中没有token，尝试从cookie中获取
       if (!token) {
         try {
           if (typeof document !== 'undefined') {
@@ -174,46 +131,33 @@ var MonitorSDK = /*#__PURE__*/function () {
           console.warn('Failed to get token from cookie:', error);
         }
       }
-      // 4. 从token中提取userId（截取最后12位）
       if (token && token.length >= 12) {
         return token.slice(-12);
       }
       return undefined;
     }
-    /**
-     * 初始化SDK
-     */
   }, {
     key: "init",
     value: function init() {
       var _this = this;
-      // 初始化各类监控
       this.initPageViewMonitor();
       this.initErrorMonitor();
       this.initApiMonitor();
       this.initResourceMonitor();
-      // 页面卸载时清理
       window.addEventListener('unload', function () {
         _this.cleanup();
       });
     }
-    /**
-     * 清理资源
-     */
   }, {
     key: "cleanup",
     value: function cleanup() {
       if (this.originalXHRSend) {
         XMLHttpRequest.prototype.send = this.originalXHRSend;
       }
-      // 销毁批量上报器
       if (this.batchReporter) {
         this.batchReporter.destroy();
       }
     }
-    /**
-     * 页面浏览监控
-     */
   }, {
     key: "initPageViewMonitor",
     value: function initPageViewMonitor() {
@@ -225,9 +169,7 @@ var MonitorSDK = /*#__PURE__*/function () {
         referrer: document.referrer,
         timestamp: startTime
       };
-      // 更新lastPageUrl为当前页面URL
       this.lastPageUrl = window.location.href;
-      // 页面加载完成上报
       window.addEventListener('load', function () {
         var performanceData = _this2.getPerformanceData();
         _this2.reportPageView(Object.assign(Object.assign({}, pageInfo), {
@@ -236,14 +178,11 @@ var MonitorSDK = /*#__PURE__*/function () {
           performance: performanceData
         }));
       });
-      // 单页应用路由变化监控
       if (window.history.pushState) {
         var originalPushState = window.history.pushState;
         var originalReplaceState = window.history.replaceState;
         var handleHistoryChange = function handleHistoryChange() {
-          // 获取当前URL
           var currentUrl = window.location.href;
-          // 只有当URL真正变化时才上报，避免replaceState导致的重复上报
           if (currentUrl !== _this2.lastPageUrl) {
             _this2.reportPageView({
               pageUrl: currentUrl,
@@ -254,7 +193,6 @@ var MonitorSDK = /*#__PURE__*/function () {
               isFirstVisit: false,
               performance: _this2.getPerformanceData()
             });
-            // 更新上一页URL为当前URL
             _this2.lastPageUrl = currentUrl;
           }
         };
@@ -266,7 +204,6 @@ var MonitorSDK = /*#__PURE__*/function () {
           handleHistoryChange();
         };
         window.history.replaceState = function () {
-          // 保存调用前的URL
           var prevUrl = window.location.href;
           for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
             args[_key2] = arguments[_key2];
@@ -274,18 +211,13 @@ var MonitorSDK = /*#__PURE__*/function () {
           originalReplaceState.apply(this, args);
           handleHistoryChange();
         };
-        // 监听popstate事件
         window.addEventListener('popstate', handleHistoryChange);
       }
     }
-    /**
-     * 错误监控
-     */
   }, {
     key: "initErrorMonitor",
     value: function initErrorMonitor() {
       var _this3 = this;
-      // JS错误
       window.addEventListener('error', function (event) {
         _this3.reportJSError({
           message: event.message,
@@ -298,7 +230,6 @@ var MonitorSDK = /*#__PURE__*/function () {
           timestamp: Date.now()
         });
       });
-      // Promise错误
       window.addEventListener('unhandledrejection', function (event) {
         _this3.reportJSError({
           message: event.reason ? String(event.reason) : 'Promise rejection',
@@ -312,118 +243,45 @@ var MonitorSDK = /*#__PURE__*/function () {
         });
       });
     }
-    /**
-     * API监控
-     */
   }, {
     key: "initApiMonitor",
     value: function initApiMonitor() {
-      // 生成请求ID
       var generateRequestId = function generateRequestId() {
         return "".concat(Date.now(), "_").concat(Math.random().toString(36).substring(2, 11));
       };
-      // 解析URL，分离基础URL和完整URL
       var parseUrl = function parseUrl(urlStr) {
         try {
           var urlList = urlStr.split('?');
-          // 基础URL（不包含查询参数和hash）
           var baseUrl = urlList[0];
-          // 完整URL（包含查询参数和hash）
           var fullUrl = urlStr;
           return {
             baseUrl: baseUrl,
             fullUrl: fullUrl
           };
         } catch (_a) {
-          // 如果URL解析失败，则使用原始URL
           return {
             baseUrl: urlStr,
             fullUrl: urlStr
           };
         }
       };
-      // 重写fetch
-      // this.originalFetch = window.fetch;
-      // window.fetch = async (...args) => {
-      //   const [url, options] = args;
-      //   const urlStr = typeof url === 'string' ? url : url.toString();
-      //   // 排除SDK自身的上报请求，避免死循环
-      //   // 1. 检查是否有特殊标记表示这是SDK内部请求
-      //   const isSdkInternalRequest = options?.headers?.['x-sdk-internal'] === 'true';
-      //   // 2. 检查是否是已知的SDK上报路径，包括批量上报相关路径
-      //   const knownReportPaths = ['/v1/report/collect', '/v1/report/collectImg', '/api/report/collect'];
-      //   const isKnownReportPath = knownReportPaths.some(path => urlStr.includes(path));
-      //   // 3. 检查是否是配置的上报URL
-      //   const isConfiguredReportUrl = this.reportUrl && urlStr.includes(this.reportUrl);
-      //   // 4. 对于没有头信息的请求（如sendBeacon和img上报），增加更严格的路径匹配
-      //   const isBatchReportPath = urlStr.includes('/v1/report/collect') || urlStr.includes('/v1/report/collectImg');
-      //   // 如果是SDK自身的上报请求，则直接使用原始fetch
-      //   if (isSdkInternalRequest || isKnownReportPath || isConfiguredReportUrl || isBatchReportPath) {
-      //     return this.originalFetch!(...args);
-      //   }
-      //   const startTime = Date.now();
-      //   const method = options?.method || 'GET';
-      //   const requestId = generateRequestId();
-      //   const { baseUrl, fullUrl } = parseUrl(urlStr);
-      //   try {
-      //     const response = await this.originalFetch!(...args);
-      //     const reportData = {
-      //       requestId,
-      //       url: baseUrl,
-      //       fullUrl,
-      //       method,
-      //       status: response.status,
-      //       isError: response.status >= 400,
-      //       responseTime: Date.now() - startTime,
-      //       timestamp: startTime,
-      //       pageUrl: window.location.href
-      //     };
-      //     // 上报API数据
-      //     this.reportApi(reportData);
-      //     return response;
-      //   } catch (error) {
-      //     const reportData = {
-      //       requestId,
-      //       url: baseUrl,
-      //       fullUrl,
-      //       method,
-      //       status: 0,
-      //       isError: true,
-      //       errorType: (error as Error).name || 'FetchError',
-      //       responseTime: Date.now() - startTime,
-      //       timestamp: startTime,
-      //       pageUrl: window.location.href
-      //     };
-      //     // 上报错误API
-      //     this.reportApi(reportData);
-      //     throw error;
-      //   }
-      // };
-      // 重写XMLHttpRequest
       var originalXHROpen = XMLHttpRequest.prototype.open;
       var originalSend = XMLHttpRequest.prototype.send;
       this.originalXHRSend = originalSend;
       var xhrMap = new WeakMap();
       var that = this;
-      // 覆盖XMLHttpRequest.open方法
       var originalOpen = originalXHROpen;
       XMLHttpRequest.prototype.open = function (method, url, async, username, password) {
         var urlStr = typeof url === 'string' ? url : url.toString();
-        // 排除SDK自身的上报请求，避免死循环
-        // 1. 检查是否有特殊标记表示这是SDK内部请求（通过自定义属性）
         if (this._isSdkInternalRequest) {
           return originalOpen.call(this, method, url, async === undefined ? true : async, username, password);
         }
-        // 2. 检查是否是已知的SDK上报路径，包括批量上报相关路径
         var knownReportPaths = ['/v1/report/collect', '/v1/report/collectImg', '/api/report/collect'];
         var isKnownReportPath = knownReportPaths.some(function (path) {
           return urlStr.includes(path);
         });
-        // 3. 检查是否是配置的上报URL
         var isConfiguredReportUrl = that.reportUrl && urlStr.includes(that.reportUrl);
-        // 4. 对于没有头信息的请求（如sendBeacon和img上报），增加更严格的路径匹配
         var isBatchReportPath = urlStr.includes('/v1/report/collect') || urlStr.includes('/v1/report/collectImg');
-        // 如果是SDK自身的上报请求，则直接使用原始open方法
         if (isKnownReportPath || isConfiguredReportUrl || isBatchReportPath) {
           return originalOpen.call(this, method, url, async === undefined ? true : async, username, password);
         }
@@ -447,29 +305,21 @@ var MonitorSDK = /*#__PURE__*/function () {
           args[_key3] = arguments[_key3];
         }
         if (!xhrInfo) {
-          // @ts-ignore
           return originalSend.apply(this, args);
         }
-        // 获取请求体大小（字节）
         var requestBodySize = 0;
         if (args && args[0] !== undefined && args[0] !== null) {
           if (typeof args[0] === 'string') {
-            // 字符串请求体，使用TextEncoder获取字节长度
             try {
               requestBodySize = new TextEncoder().encode(args[0]).length;
             } catch (e) {
-              // 降级方案：估算字节长度
               requestBodySize = args[0].length;
             }
           } else if (args[0] instanceof FormData) {
-            // FormData请求体，尝试估算大小
-            // 注意：由于安全限制，无法精确获取FormData的大小
-            requestBodySize = -1; // 表示未知大小
+            requestBodySize = -1;
           } else if (args[0] instanceof Blob) {
-            // Blob/File请求体
             requestBodySize = args[0].size;
           } else {
-            // 其他类型，尝试转换为字符串估算
             try {
               var str = JSON.stringify(args[0]);
               requestBodySize = new TextEncoder().encode(str).length;
@@ -478,7 +328,6 @@ var MonitorSDK = /*#__PURE__*/function () {
             }
           }
         }
-        // 保存请求体大小到xhrInfo中
         Object.assign(xhrInfo, {
           requestBodySize: requestBodySize
         });
@@ -486,7 +335,6 @@ var MonitorSDK = /*#__PURE__*/function () {
           var endTime = Date.now();
           var responseTime = endTime - xhrInfo.startTime;
           var status = _this4.status;
-          // 获取响应体大小（字节）
           var responseBodySize = 0;
           try {
             if (_this4.responseText) {
@@ -499,7 +347,6 @@ var MonitorSDK = /*#__PURE__*/function () {
               } else if (_this4.response instanceof Blob) {
                 responseBodySize = _this4.response.size;
               } else {
-                // 尝试JSON序列化估算
                 try {
                   var _str = JSON.stringify(_this4.response);
                   responseBodySize = new TextEncoder().encode(_str).length;
@@ -509,7 +356,6 @@ var MonitorSDK = /*#__PURE__*/function () {
               }
             }
           } catch (e) {
-            // 如果无法获取响应体大小，设置为-1
             responseBodySize = -1;
           }
           var reportData = {
@@ -526,27 +372,21 @@ var MonitorSDK = /*#__PURE__*/function () {
             requestBodySize: requestBodySize,
             responseBodySize: responseBodySize
           };
-          // 上报API数据
           that.reportApi(reportData);
         });
         return originalSend.apply(this, args);
       };
     }
-    /**
-     * 资源监控
-     */
   }, {
     key: "initResourceMonitor",
     value: function initResourceMonitor() {
       var _this5 = this;
-      // 通过PerformanceObserver监控资源加载
       if ('PerformanceObserver' in window) {
         try {
           var observer = new PerformanceObserver(function (list) {
             list.getEntries().forEach(function (entry) {
               if (entry.entryType === 'resource') {
                 var resourceEntry = entry;
-                // 检查资源是否加载失败 - 使用类型断言处理responseStatus
                 var typedEntry = resourceEntry;
                 if (typedEntry.responseStatus && typedEntry.responseStatus >= 400) {
                   _this5.reportResource({
@@ -571,7 +411,6 @@ var MonitorSDK = /*#__PURE__*/function () {
           console.error('PerformanceObserver初始化失败:', error);
         }
       }
-      // 监听资源错误事件
       window.addEventListener('error', function (event) {
         if (event.target && (event.target instanceof HTMLScriptElement || event.target instanceof HTMLLinkElement || event.target instanceof HTMLImageElement || event.target instanceof HTMLAudioElement || event.target instanceof HTMLVideoElement)) {
           var target = event.target;
@@ -589,26 +428,20 @@ var MonitorSDK = /*#__PURE__*/function () {
         }
       }, true);
     }
-    /**
-     * 获取资源类型
-     */
   }, {
     key: "getResourceType",
     value: function getResourceType(url) {
       var _a;
       var ext = (_a = url.split('?')[0].split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
       if (!ext) return 'other';
-      if (['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg', 'bmp', 'ico'].includes(ext)) return 'image';
-      if (['js'].includes(ext)) return 'js';
-      if (['css'].includes(ext)) return 'css';
-      if (['woff', 'woff2', 'ttf', 'eot', 'otf'].includes(ext)) return 'font';
-      if (['mp4', 'webm', 'ogg'].includes(ext)) return 'video';
-      if (['mp3', 'wav', 'ogg'].includes(ext)) return 'audio';
+      if (['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg', 'bmp', 'ico'].indexOf(ext) !== -1) return 'image';
+      if (['js'].indexOf(ext) !== -1) return 'js';
+      if (['css'].indexOf(ext) !== -1) return 'css';
+      if (['woff', 'woff2', 'ttf', 'eot', 'otf'].indexOf(ext) !== -1) return 'font';
+      if (['mp4', 'webm', 'ogg'].indexOf(ext) !== -1) return 'video';
+      if (['mp3', 'wav', 'ogg'].indexOf(ext) !== -1) return 'audio';
       return 'other';
     }
-    /**
-     * 获取性能数据
-     */
   }, {
     key: "getPerformanceData",
     value: function getPerformanceData() {
@@ -619,9 +452,6 @@ var MonitorSDK = /*#__PURE__*/function () {
         loadEventEnd: timing.loadEventEnd
       };
     }
-    /**
-     * 判断是否首次访问
-     */
   }, {
     key: "isFirstVisit",
     value: function isFirstVisit() {
@@ -632,9 +462,6 @@ var MonitorSDK = /*#__PURE__*/function () {
       }
       return false;
     }
-    /**
-     * 上报页面浏览
-     */
   }, {
     key: "reportPageView",
     value: function reportPageView(data) {
@@ -651,9 +478,6 @@ var MonitorSDK = /*#__PURE__*/function () {
       };
       this.doReport(payload, 'pageview');
     }
-    /**
-     * 上报JS错误
-     */
   }, {
     key: "reportJSError",
     value: function reportJSError(data) {
@@ -669,9 +493,6 @@ var MonitorSDK = /*#__PURE__*/function () {
       };
       this.doReport(payload, 'jserror');
     }
-    /**
-     * 上报API数据
-     */
   }, {
     key: "reportApi",
     value: function reportApi(data) {
@@ -687,9 +508,6 @@ var MonitorSDK = /*#__PURE__*/function () {
       };
       this.doReport(payload, 'api');
     }
-    /**
-     * 上报资源错误
-     */
   }, {
     key: "reportResource",
     value: function reportResource(data) {
@@ -704,41 +522,25 @@ var MonitorSDK = /*#__PURE__*/function () {
       };
       this.doReport(payload, 'resource');
     }
-    /**
-     * 统一上报处理
-     */
   }, {
     key: "doReport",
     value: function doReport(payload, type) {
       var _a;
-      // 采样处理
       var sampleRate = (_a = this.sampleRates[type]) !== null && _a !== void 0 ? _a : 1;
       if (Math.random() > sampleRate) return;
-      // 数据脱敏
       var sanitizedPayload = Object.assign(Object.assign({}, payload), {
         data: this.sanitizeData(Object.assign(Object.assign({}, payload.data), {
           version: this.version
         }))
       });
-      // 根据数据类型选择上报方式
       if (type === 'pageview' && typeof navigator.sendBeacon === 'function') {
-        // 页面浏览使用sendBeacon
-        (0, reporters_1.reportByBeacon)(sanitizedPayload, this.reportUrl);
+        (0, reporters_1.reportByImg)(sanitizedPayload, this.reportUrl);
       } else if (type === 'jserror' || type === 'resource') {
-        // 错误数据立即上报
-        // reportByApi(sanitizedPayload, this.reportUrl).catch(() => {
-        //   // 降级到img上报
-        //   reportByImg(sanitizedPayload, this.reportUrl);
-        // });
         (0, reporters_1.reportWithFallback)(sanitizedPayload, this.reportUrl);
       } else {
-        // 其他数据批量上报
         this.batchReporter.report(sanitizedPayload);
       }
     }
-    /**
-     * 获取设备信息
-     */
   }, {
     key: "getDeviceInfo",
     value: function getDeviceInfo() {
@@ -754,13 +556,9 @@ var MonitorSDK = /*#__PURE__*/function () {
         language: navigator.language || ''
       };
     }
-    /**
-     * 获取网络信息
-     */
   }, {
     key: "getNetworkInfo",
     value: function getNetworkInfo() {
-      // 安全地获取网络信息
       var connection = navigator.connection || null;
       if (connection) {
         return {
@@ -773,9 +571,6 @@ var MonitorSDK = /*#__PURE__*/function () {
         effectiveType: 'unknown'
       };
     }
-    /**
-     * 获取浏览器信息
-     */
   }, {
     key: "getBrowser",
     value: function getBrowser(ua) {
@@ -786,20 +581,13 @@ var MonitorSDK = /*#__PURE__*/function () {
       if (ua.includes('Trident') || ua.includes('MSIE')) return 'IE';
       return 'Unknown';
     }
-    /**
-     * 获取浏览器版本
-     */
   }, {
     key: "getBrowserVersion",
     value: function getBrowserVersion(ua) {
-      // 简化版本，实际项目中可能需要更复杂的正则匹配
       var versionRegex = /(Chrome|Safari|Firefox|Edge|MSIE)\/?\s*(\d+\.\d*)/i;
       var match = ua.match(versionRegex);
       return match ? match[2] : 'Unknown';
     }
-    /**
-     * 获取操作系统
-     */
   }, {
     key: "getOS",
     value: function getOS(ua) {
@@ -810,13 +598,9 @@ var MonitorSDK = /*#__PURE__*/function () {
       if (ua.includes('Linux')) return 'Linux';
       return 'Unknown';
     }
-    /**
-     * 获取操作系统版本
-     */
   }, {
     key: "getOSVersion",
     value: function getOSVersion(ua) {
-      // 简化版本
       if (ua.includes('Windows')) {
         if (ua.includes('Windows NT 10.0')) return '10';
         if (ua.includes('Windows NT 6.3')) return '8.1';
@@ -826,9 +610,6 @@ var MonitorSDK = /*#__PURE__*/function () {
       }
       return 'Unknown';
     }
-    /**
-     * 获取设备类型
-     */
   }, {
     key: "getDeviceType",
     value: function getDeviceType() {
@@ -838,35 +619,22 @@ var MonitorSDK = /*#__PURE__*/function () {
       }
       return 'desktop';
     }
-    /**
-     * 数据脱敏
-     */
   }, {
     key: "sanitizeData",
     value: function sanitizeData(data) {
-      // 深拷贝数据，避免修改原始数据
       var sanitized = JSON.parse(JSON.stringify(data));
-      // 脱敏处理函数
       var _sanitize = function sanitize(obj) {
         if (!obj || _typeof(obj) !== 'object') return obj;
-        // 遍历对象属性
         Object.keys(obj).forEach(function (key) {
-          // 对常见敏感字段进行脱敏
           if (['password', 'token', 'auth', 'credential', 'key'].some(function (sensitive) {
             return key.toLowerCase().includes(sensitive);
           })) {
             obj[key] = '***';
-          }
-          // 邮箱脱敏
-          else if (key.toLowerCase().includes('email') && typeof obj[key] === 'string') {
+          } else if (key.toLowerCase().includes('email') && typeof obj[key] === 'string') {
             obj[key] = obj[key].replace(/(.{2})(.*)(@.*)/, '$1***$3');
-          }
-          // 手机号脱敏
-          else if (key.toLowerCase().includes('phone') && typeof obj[key] === 'string') {
+          } else if (key.toLowerCase().includes('phone') && typeof obj[key] === 'string') {
             obj[key] = obj[key].replace(/(\d{3})\d{4}(\d{4})/, '$1****$2');
-          }
-          // 递归处理嵌套对象
-          else if (_typeof(obj[key]) === 'object') {
+          } else if (_typeof(obj[key]) === 'object') {
             _sanitize(obj[key]);
           }
         });
@@ -874,14 +642,10 @@ var MonitorSDK = /*#__PURE__*/function () {
       _sanitize(sanitized);
       return sanitized;
     }
-    /**
-     * 上报自定义事件
-     */
   }, {
     key: "reportCustomEvent",
     value: function reportCustomEvent(eventType, eventData) {
       var _a;
-      // 根据采样率决定是否上报
       var sampleRate = (_a = this.sampleRates['custom']) !== null && _a !== void 0 ? _a : 1;
       if (Math.random() > sampleRate) {
         return;
@@ -899,12 +663,8 @@ var MonitorSDK = /*#__PURE__*/function () {
           pageUrl: window.location.href
         }
       };
-      // 使用批量上报
       this.batchReporter.report(reportData);
     }
-    /**
-     * 立即上报缓冲区数据
-     */
   }, {
     key: "flush",
     value: function flush() {
@@ -924,9 +684,6 @@ var MonitorSDK = /*#__PURE__*/function () {
         }, _callee, this);
       }));
     }
-    /**
-     * 销毁SDK实例
-     */
   }, {
     key: "destroy",
     value: function destroy() {