@datarangers/sdk-javascript 0.1.3 → 0.1.4

package/es/index.min.js

@@ -431,7 +431,10 @@ var cookie = createCommonjsModule(function (module, exports) {
 });
 
 // Copyright 2022 Beijing Volcanoengine Technology Ltd. All Rights Reserved.
-var Memory$1 = /** @class */function () {
+/**
+ * cacheStorage
+ */
+var Memory = /** @class */function () {
   function Memory() {
     this.cache = {};
   }
@@ -444,36 +447,26 @@ var Memory$1 = /** @class */function () {
   Memory.prototype.removeItem = function (cacheKey) {
     this.cache[cacheKey] = undefined;
   };
-  Memory.prototype.getCookie = function (name) {
-    this.getItem(name);
-  };
-  Memory.prototype.setCookie = function (key, value) {
-    this.setItem(key, value);
-  };
   return Memory;
 }();
-function isSupportLS() {
-  try {
-    localStorage.setItem('_ranger-test-key', 'hi');
-    localStorage.getItem('_ranger-test-key');
-    localStorage.removeItem('_ranger-test-key');
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-function isSupportSession() {
-  try {
-    sessionStorage.setItem('_ranger-test-key', 'hi');
-    sessionStorage.getItem('_ranger-test-key');
-    sessionStorage.removeItem('_ranger-test-key');
-    return true;
-  } catch (e) {
-    return false;
+/**
+ * localStorage
+ */
+var Local = /** @class */function () {
+  function Local() {
+    this.support = this.isSupportLS();
   }
-}
-var local = {
-  getItem: function getItem(key) {
+  Local.prototype.isSupportLS = function () {
+    try {
+      localStorage.setItem('_applogtest-test-key', 'hi');
+      localStorage.getItem('_applogtest-test-key');
+      localStorage.removeItem('_applogtest-test-key');
+      return true;
+    } catch (e) {
+      return false;
+    }
+  };
+  Local.prototype.getItem = function (key) {
     try {
       var value = localStorage.getItem(key);
       var ret = value;
@@ -485,42 +478,38 @@ var local = {
       return ret || {};
     } catch (e) {}
     return {};
-  },
-  setItem: function setItem(key, value) {
+  };
+  Local.prototype.setItem = function (key, value) {
     try {
       var stringValue = typeof value === 'string' ? value : JSON.stringify(value);
       localStorage.setItem(key, stringValue);
     } catch (e) {}
-  },
-  removeItem: function removeItem(key) {
+  };
+  Local.prototype.removeItem = function (key) {
     try {
       localStorage.removeItem(key);
     } catch (e) {}
-  },
-  getCookie: function getCookie(name, domain) {
+  };
+  return Local;
+}();
+/**
+ * sessionStorage
+ */
+var Session$1 = /** @class */function () {
+  function Session() {
+    this.support = this.isSupportSession();
+  }
+  Session.prototype.isSupportSession = function () {
     try {
-      var _matches = cookie.get(name);
-      return _matches;
+      sessionStorage.setItem('_applogtest-test-key', 'hi');
+      sessionStorage.getItem('_applogtest-test-key');
+      sessionStorage.removeItem('_applogtest-test-key');
+      return true;
     } catch (e) {
-      return '';
+      return false;
     }
-  },
-  setCookie: function setCookie(name, value, expiresTime, domain) {
-    try {
-      var _domain = domain || document.domain;
-      var timestamp = +new Date();
-      var furureTimestamp = timestamp + expiresTime; // 3年
-      cookie.set(name, value, {
-        expires: new Date(furureTimestamp),
-        path: '/',
-        domain: _domain
-      });
-    } catch (e) {}
-  },
-  isSupportLS: isSupportLS()
-};
-var session = {
-  getItem: function getItem(key) {
+  };
+  Session.prototype.getItem = function (key) {
     try {
       var value = sessionStorage.getItem(key);
       var ret = value;
@@ -532,56 +521,92 @@ var session = {
       return ret || {};
     } catch (e) {}
     return {};
-  },
-  setItem: function setItem(key, value) {
+  };
+  Session.prototype.setItem = function (key, value) {
     try {
       var stringValue = typeof value === 'string' ? value : JSON.stringify(value);
       sessionStorage.setItem(key, stringValue);
     } catch (e) {}
-  },
-  removeItem: function removeItem(key) {
+  };
+  Session.prototype.removeItem = function (key) {
     try {
       sessionStorage.removeItem(key);
     } catch (e) {}
-  },
-  getCookie: function getCookie(name) {
-    this.getItem(name);
-  },
-  setCookie: function setCookie(key, value) {
-    this.setItem(key, value);
-  },
-  isSupportSession: isSupportSession()
-};
-var Storage = /** @class */function () {
-  function Storage(isCache, type) {
-    if (type && type === 'session') {
-      this._storage = session;
-    } else {
-      this._storage = !isCache && local.isSupportLS ? local : new Memory$1();
-    }
+  };
+  return Session;
+}();
+var StorageManager = /** @class */function () {
+  function StorageManager() {
+    this.defaultExpireTime = 7 * 1000 * 60 * 60 * 24;
+    this.local = new Local();
+    this.session = new Session$1();
+    this.cache = new Memory();
   }
-  Storage.prototype.getItem = function (key) {
-    return this._storage.getItem(key);
+  StorageManager.prototype.getLocalItem = function (key) {
+    return this.local.getItem(key);
   };
-  Storage.prototype.setItem = function (key, value) {
-    this._storage.setItem(key, value);
+  StorageManager.prototype.setLocalItem = function (key, value) {
+    this.local.setItem(key, value);
   };
-  Storage.prototype.getCookie = function (name, domain) {
-    return this._storage.getCookie(name, domain);
+  StorageManager.prototype.removeLocalItem = function (key) {
+    this.local.removeItem(key);
   };
-  Storage.prototype.setCookie = function (key, value, expiresTime, domain) {
-    this._storage.setCookie(key, value, expiresTime, domain);
+  StorageManager.prototype.getSessionItem = function (key) {
+    return this.session.getItem(key);
   };
-  Storage.prototype.removeItem = function (key) {
-    this._storage.removeItem(key);
+  StorageManager.prototype.setSessionItem = function (key, value) {
+    this.session.setItem(key, value);
   };
-  return Storage;
+  StorageManager.prototype.removeSessionItem = function (key) {
+    this.session.removeItem(key);
+  };
+  StorageManager.prototype.getCacheItem = function (key) {
+    return this.cache.getItem(key);
+  };
+  StorageManager.prototype.setCacheItem = function (key, value) {
+    this.cache.setItem(key, value);
+  };
+  StorageManager.prototype.removeCacheItem = function (key) {
+    this.cache.removeItem(key);
+  };
+  StorageManager.prototype.getCookie = function (key, domain) {
+    try {
+      // const _matches = Cookies.get(name, { domain: domain || document.domain })
+      var _matches = cookie.get(key);
+      return _matches;
+    } catch (e) {
+      return '';
+    }
+  };
+  StorageManager.prototype.setCookie = function (key, value, expiresTime, domain) {
+    if (expiresTime === void 0) {
+      expiresTime = this.defaultExpireTime;
+    }
+    try {
+      var _domain = domain || document.domain;
+      var timestamp = +new Date();
+      var furureTimestamp = timestamp + expiresTime;
+      cookie.set(key, value, {
+        expires: new Date(furureTimestamp),
+        path: '/',
+        domain: _domain
+      });
+    } catch (e) {}
+  };
+  StorageManager.prototype.removeCookie = function (key, domain) {
+    try {
+      cookie.remove(key, {
+        path: '/',
+        domain: domain || ''
+      });
+    } catch (e) {}
+  };
+  return StorageManager;
 }();
 
 // Copyright 2022 Beijing Volcanoengine Technology Ltd. All Rights Reserved.
 var UTM = function UTM(app_id, urlQueryObj, domain, cookie_expire) {
-  var storage = new Storage(false);
-  var session = new Storage(false, 'session');
+  var storage = new StorageManager();
   var cacheKey = app_id ? "_tea_utm_cache_" + app_id : '_tea_utm_cache';
   var sourceKey = app_id ? "_$utm_from_url_" + app_id : '_$utm_from_url';
   var utmObj = {};
@@ -619,7 +644,7 @@ var UTM = function UTM(app_id, urlQueryObj, domain, cookie_expire) {
     }
     if (utmFromUrl) {
       // 发现url上有则更新缓存，并上报
-      session.setItem(sourceKey, '1');
+      storage.setSessionItem(sourceKey, '1');
       storage.setCookie(cacheKey, JSON.stringify(utmObj), cookie_expire, domain);
     } else {
       // url没有则取缓存
@@ -628,7 +653,7 @@ var UTM = function UTM(app_id, urlQueryObj, domain, cookie_expire) {
         utmObj = JSON.parse(cache);
       }
     }
-    if (session.getItem(sourceKey)) {
+    if (storage.getSessionItem(sourceKey)) {
       if (!utmObj.hasOwnProperty('tracer_data')) {
         utmObj['tracer_data'] = {};
       }
@@ -935,180 +960,6 @@ var Client = /** @class */function () {
   return Client;
 }();
 
-// Copyright 2022 Beijing Volcanoengine Technology Ltd. All Rights Reserved.
-/**
- * cacheStorage
- */
-var Memory = /** @class */function () {
-  function Memory() {
-    this.cache = {};
-  }
-  Memory.prototype.setItem = function (cacheKey, data) {
-    this.cache[cacheKey] = data;
-  };
-  Memory.prototype.getItem = function (cacheKey) {
-    return this.cache[cacheKey];
-  };
-  Memory.prototype.removeItem = function (cacheKey) {
-    this.cache[cacheKey] = undefined;
-  };
-  return Memory;
-}();
-/**
- * localStorage
- */
-var Local = /** @class */function () {
-  function Local() {
-    this.support = this.isSupportLS();
-  }
-  Local.prototype.isSupportLS = function () {
-    try {
-      localStorage.setItem('_applogtest-test-key', 'hi');
-      localStorage.getItem('_applogtest-test-key');
-      localStorage.removeItem('_applogtest-test-key');
-      return true;
-    } catch (e) {
-      return false;
-    }
-  };
-  Local.prototype.getItem = function (key) {
-    try {
-      var value = localStorage.getItem(key);
-      var ret = value;
-      try {
-        if (value && typeof value === 'string') {
-          ret = JSON.parse(value);
-        }
-      } catch (e) {}
-      return ret || {};
-    } catch (e) {}
-    return {};
-  };
-  Local.prototype.setItem = function (key, value) {
-    try {
-      var stringValue = typeof value === 'string' ? value : JSON.stringify(value);
-      localStorage.setItem(key, stringValue);
-    } catch (e) {}
-  };
-  Local.prototype.removeItem = function (key) {
-    try {
-      localStorage.removeItem(key);
-    } catch (e) {}
-  };
-  return Local;
-}();
-/**
- * sessionStorage
- */
-var Session$1 = /** @class */function () {
-  function Session() {
-    this.support = this.isSupportSession();
-  }
-  Session.prototype.isSupportSession = function () {
-    try {
-      sessionStorage.setItem('_applogtest-test-key', 'hi');
-      sessionStorage.getItem('_applogtest-test-key');
-      sessionStorage.removeItem('_applogtest-test-key');
-      return true;
-    } catch (e) {
-      return false;
-    }
-  };
-  Session.prototype.getItem = function (key) {
-    try {
-      var value = sessionStorage.getItem(key);
-      var ret = value;
-      try {
-        if (value && typeof value === 'string') {
-          ret = JSON.parse(value);
-        }
-      } catch (e) {}
-      return ret || {};
-    } catch (e) {}
-    return {};
-  };
-  Session.prototype.setItem = function (key, value) {
-    try {
-      var stringValue = typeof value === 'string' ? value : JSON.stringify(value);
-      sessionStorage.setItem(key, stringValue);
-    } catch (e) {}
-  };
-  Session.prototype.removeItem = function (key) {
-    try {
-      sessionStorage.removeItem(key);
-    } catch (e) {}
-  };
-  return Session;
-}();
-var StorageManager = /** @class */function () {
-  function StorageManager() {
-    this.defaultExpireTime = 7 * 1000 * 60 * 60 * 24;
-    this.local = new Local();
-    this.session = new Session$1();
-    this.cache = new Memory();
-  }
-  StorageManager.prototype.getLocalItem = function (key) {
-    return this.local.getItem(key);
-  };
-  StorageManager.prototype.setLocalItem = function (key, value) {
-    this.local.setItem(key, value);
-  };
-  StorageManager.prototype.removeLocalItem = function (key) {
-    this.local.removeItem(key);
-  };
-  StorageManager.prototype.getSessionItem = function (key) {
-    return this.session.getItem(key);
-  };
-  StorageManager.prototype.setSessionItem = function (key, value) {
-    this.session.setItem(key, value);
-  };
-  StorageManager.prototype.removeSessionItem = function (key) {
-    this.session.removeItem(key);
-  };
-  StorageManager.prototype.getCacheItem = function (key) {
-    return this.cache.getItem(key);
-  };
-  StorageManager.prototype.setCacheItem = function (key, value) {
-    this.cache.setItem(key, value);
-  };
-  StorageManager.prototype.removeCacheItem = function (key) {
-    this.cache.removeItem(key);
-  };
-  StorageManager.prototype.getCookie = function (key, domain) {
-    try {
-      // const _matches = Cookies.get(name, { domain: domain || document.domain })
-      var _matches = cookie.get(key);
-      return _matches;
-    } catch (e) {
-      return '';
-    }
-  };
-  StorageManager.prototype.setCookie = function (key, value, expiresTime, domain) {
-    if (expiresTime === void 0) {
-      expiresTime = this.defaultExpireTime;
-    }
-    try {
-      var _domain = domain || document.domain;
-      var timestamp = +new Date();
-      var furureTimestamp = timestamp + expiresTime;
-      cookie.set(key, value, {
-        expires: new Date(furureTimestamp),
-        path: '/',
-        domain: _domain
-      });
-    } catch (e) {}
-  };
-  StorageManager.prototype.removeCookie = function (key, domain) {
-    try {
-      cookie.remove(key, {
-        path: '/',
-        domain: domain || ''
-      });
-    } catch (e) {}
-  };
-  return StorageManager;
-}();
-
 // Copyright 2022 Beijing Volcanoengine Technology Ltd. All Rights Reserved.
 var LOG;
 LOG = {
@@ -1118,7 +969,9 @@ LOG = {
 };
 // CN: https://mcs.volceapplog.com VA: https://mcs.itobsnssdk.com SG: https://mcs.tobsnssdk.com
 var LOG_URL = LOG;
-var SDK_VERSION = '0.1.3';
+var SDK_VERSION = '0.1.4';
+var SDK_USE_TYPE = 'npm';
+var SDK_TYPE = SDK_USE_TYPE;
 var AB_DOMAINS = {
   cn: '1fz22z22z1nz21z4mz4bz4bz22z1mz19z1jz1mz1ez4az1az22z1mz19z21z1lz21z21z1bz1iz4az1az1mz1k',
   va: '1fz22z22z1nz21z4mz4bz4bz22z1mz19z1jz1mz1ez4az1gz22z1mz19z21z1lz21z21z1bz1iz4az1az1mz1k',
@@ -2959,6 +2812,559 @@ var RequestManager = /** @class */function () {
   return RequestManager;
 }();
 
+// Copyright 2022 Beijing Volcanoengine Technology Ltd. All Rights Reserved.
+// debugger icon的可拖拽
+var DraggableButton = /** @class */function () {
+  function DraggableButton(element) {
+    var _this = this;
+    this.onMove = function (e) {
+      if (!_this.isDragging) return;
+      // 判断是否达到拖拽阈值
+      var currentX = e.clientX || e.touches[0].clientX;
+      var currentY = e.clientY || e.touches[0].clientY;
+      if (_this.clickAllowed) {
+        var deltaX = Math.abs(currentX - _this.initialX);
+        var deltaY = Math.abs(currentY - _this.initialY);
+        if (deltaX > _this.dragThreshold || deltaY > _this.dragThreshold) {
+          _this.clickAllowed = false;
+        }
+      }
+      // 节流处理
+      if (_this.animationFrameId) {
+        cancelAnimationFrame(_this.animationFrameId);
+      }
+      _this.animationFrameId = requestAnimationFrame(function () {
+        var clientX = e.touches ? e.touches[0].clientX : e.clientX;
+        var clientY = e.touches ? e.touches[0].clientY : e.clientY;
+        // 计算新位置
+        var newX = clientX - _this.offsetX;
+        var newY = clientY - _this.offsetY;
+        // 边界限制
+        var maxX = window.innerWidth - _this.element.offsetWidth;
+        var maxY = window.innerHeight - _this.element.offsetHeight;
+        newX = Math.max(0, Math.min(newX, maxX));
+        newY = Math.max(0, Math.min(newY, maxY));
+        // 直接应用transform（不修改left/top）
+        _this.element.style.transform = "translate(\n        " + (newX - _this.initialX) + "px, \n        " + (newY - _this.initialY) + "px\n      )";
+      });
+    };
+    this.onEnd = function () {
+      if (!_this.isDragging) return;
+      _this.isDragging = false;
+      // 将最终位置同步到left/top
+      var matrix = new DOMMatrix(getComputedStyle(_this.element).transform);
+      var finalX = _this.initialX + matrix.m41;
+      var finalY = _this.initialY + matrix.m42;
+      _this.element.style.left = finalX + "px";
+      _this.element.style.top = finalY + "px";
+      _this.element.style.transform = 'none';
+      // 更新初始位置记录
+      _this.initialX = finalX;
+      _this.initialY = finalY;
+      // 清理事件监听
+      document.removeEventListener('mousemove', _this.onMove);
+      document.removeEventListener('mouseup', _this.onEnd);
+      document.removeEventListener('touchmove', _this.onMove);
+      document.removeEventListener('touchend', _this.onEnd);
+      setTimeout(function () {
+        _this.clickAllowed = true;
+      }, 50);
+    };
+    this.element = element;
+    this.isDragging = false;
+    this.enableClick = false;
+    this.animationFrameId = null;
+    this.lastX = 0;
+    this.lastY = 0;
+    this.initialX = 0; // 元素初始X坐标
+    this.initialY = 0; // 元素初始Y坐标
+    this.offsetX = 0;
+    this.offsetY = 0;
+    this.clickAllowed = true;
+    this.dragThreshold = 1; // 移动超过5px视为拖拽
+    this.initPosition();
+    this.bindEvents();
+    this.bindClickHandler();
+  }
+  // 初始化元素定位方式
+  DraggableButton.prototype.initPosition = function () {
+    var rect = this.element.getBoundingClientRect();
+    this.element.style.position = 'fixed';
+    this.element.style.left = rect.left + "px";
+    this.element.style.top = rect.top + "px";
+    this.element.style.transform = 'translate(0, 0)';
+  };
+  DraggableButton.prototype.bindEvents = function () {
+    this.element.addEventListener('mousedown', this.onStart.bind(this));
+    this.element.addEventListener('touchstart', this.onStart.bind(this));
+  };
+  DraggableButton.prototype.onStart = function (e) {
+    e.preventDefault();
+    this.initialX = e.clientX || e.touches[0].clientX;
+    this.initialY = e.clientY || e.touches[0].clientY;
+    var clientX = e.touches ? e.touches[0].clientX : e.clientX;
+    var clientY = e.touches ? e.touches[0].clientY : e.clientY;
+    // 获取元素当前实际位置（包含transform）
+    var rect = this.element.getBoundingClientRect();
+    this.initialX = rect.left;
+    this.initialY = rect.top;
+    // 计算点击位置偏移量
+    this.offsetX = clientX - this.initialX;
+    this.offsetY = clientY - this.initialY;
+    this.clickAllowed = true;
+    this.isDragging = true;
+    document.addEventListener('mousemove', this.onMove);
+    document.addEventListener('mouseup', this.onEnd);
+    document.addEventListener('touchmove', this.onMove);
+    document.addEventListener('touchend', this.onEnd);
+  };
+  // 修改后的点击事件绑定方式
+  DraggableButton.prototype.bindClickHandler = function () {
+    var _this = this;
+    this.element.addEventListener('click', function (e) {
+      if (!_this.enableClick) return;
+      if (!_this.clickAllowed) {
+        e.stopImmediatePropagation();
+        e.preventDefault();
+        return;
+      }
+      // 原有的点击处理逻辑
+      window && window.postMessage({
+        type: 'devtool:web:open-draw'
+      }, location.origin);
+    });
+  };
+  DraggableButton.prototype.enable = function () {
+    this.enableClick = true;
+    this.element.style.cursor = 'pointer';
+    this.element.style.opacity = '1';
+  };
+  return DraggableButton;
+}();
+
+// Copyright 2022 Beijing Volcanoengine Technology Ltd. All Rights Reserved.
+var Debugger = /** @class */function () {
+  function Debugger(collect, config) {
+    this.devToolReady = false;
+    this.devToolOrigin = '*';
+    this.sendAlready = false;
+    this.trackEnabled = true;
+    if (config.disable_debug) return;
+    if (collect.configManager.get('browser') === 'Microsoft Internet Explorer') return;
+    this.collect = collect;
+    this.config = config;
+    this.app_id = config.app_id;
+    this.trackEnabled = config.track_enabled ? true : false;
+    this.cacheStorgae = new StorageManager();
+    this.currentAppKey = "__applog_load_devtool_web_" + this.app_id;
+    this.loadUrl = config.devtool_url || 'https://lf-static.applogcdn.com/obj/applog-sdk-static/log-sdk/collect/devtool/debug-web.v2.0.1.js';
+    this.filterEvent = new Set(['__bav_page', '__bav_beat', '__bav_page_statistics', '__bav_click', '__bav_page_exposure', 'bav2b_page', 'bav2b_beat', 'bav2b_page_statistics', 'bav2b_click', 'bav2b_page_exposure', '_be_active', 'predefine_pageview', '__profile_set', '__profile_set_once', '__profile_increment', '__profile_unset', '__profile_append', 'predefine_page_alive', 'predefine_page_close', 'abtest_exposure']);
+    this.load();
+  }
+  Debugger.prototype.loadScript = function (src) {
+    var _this = this;
+    try {
+      var script = document.createElement('script');
+      script.src = src;
+      script.onerror = function () {
+        console.log('load DevTool render fail');
+      };
+      script.onload = function () {
+        _this.enableDebugButton();
+        console.log('load DevTool render success');
+      };
+      document.getElementsByTagName('body')[0].appendChild(script);
+    } catch (e) {
+      console.log("devTool load fail, " + e.message);
+    }
+  };
+  Debugger.prototype.parseUrl = function () {
+    var params = {};
+    try {
+      var url = window.location.href;
+      var hash = url.split('?')[1].split('&');
+      if (hash.length) {
+        hash.forEach(function (h) {
+          var parts = h.split('=');
+          params[decodeURIComponent(parts[0])] = decodeURIComponent(parts[1]);
+        });
+      }
+    } catch (e) {}
+    return params;
+  };
+  Debugger.prototype.load = function () {
+    try {
+      var queryObj = this.parseUrl();
+      if (queryObj['open_devtool_web'] == false) {
+        this.cacheStorgae.removeLocalItem("__applog_open_devtool_web");
+        return;
+      }
+      if (queryObj['open_devtool_web'] && queryObj['app_id']) {
+        if (parseInt(queryObj['app_id']) !== this.app_id) return;
+      } else {
+        if (!this.getStorage()) return;
+      }
+      this.loadBaseInfo();
+      this.loadHook();
+      this.setStorage();
+      this.addLintener();
+      this.loadDevTool();
+    } catch (e) {
+      console.log("debug fail, " + e.message);
+    }
+  };
+  Debugger.prototype.getStorage = function () {
+    var storage_appid = this.cacheStorgae.getLocalItem("__applog_open_devtool_web");
+    return storage_appid && parseInt(storage_appid) === this.app_id;
+  };
+  Debugger.prototype.setStorage = function () {
+    this.cacheStorgae.setLocalItem('__applog_open_devtool_web', this.app_id);
+    this.cacheStorgae.setLocalItem('__applog_devtool_web_track_enable', this.trackEnabled);
+  };
+  Debugger.prototype.loadDevTool = function () {
+    var currentAppHasLoad = this.cacheStorgae.getLocalItem(this.currentAppKey) == 1;
+    if (currentAppHasLoad) {
+      console.warn("your appid: " + this.app_id + " has load web devtools already, maybe your page has more than two applogsdk and use one appid");
+      return;
+    }
+    this.loadDebuggerModule();
+    this.loadScript(this.loadUrl);
+  };
+  Debugger.prototype.loadBaseInfo = function () {
+    this.log = [];
+    this.event = [];
+    this.info = [{
+      title: '基本信息',
+      key: 'base',
+      type: 1,
+      content: [{
+        name: 'app_id',
+        desc: 'APP_ID',
+        value: this.config.app_id
+      }, {
+        name: 'channel',
+        desc: 'CHANNEL',
+        value: this.config.channel
+      }, {
+        name: 'domain',
+        desc: '上报域名',
+        value: this.collect.configManager.getDomain()
+      }, {
+        name: 'sdk_version',
+        desc: 'SDK版本',
+        value: SDK_VERSION
+      }, {
+        name: 'sdk_type',
+        desc: 'SDK引入方式',
+        value: SDK_TYPE
+      }]
+    }, {
+      title: '用户信息',
+      key: 'user',
+      type: 2,
+      content: [{
+        name: 'uuid',
+        desc: 'UUID',
+        value: this.collect.configManager.get('user').user_unique_id || ''
+      }, {
+        name: 'web_id',
+        desc: 'WEB_ID',
+        value: this.collect.configManager.get('user').web_id || ''
+      }]
+    }, {
+      title: '公共参数信息',
+      type: 2,
+      key: 'common',
+      content: [{
+        name: 'browser',
+        desc: '浏览器',
+        value: this.collect.configManager.get('browser')
+      }, {
+        name: 'browser_version',
+        desc: '浏览器版本',
+        value: this.collect.configManager.get('browser_version')
+      }, {
+        name: 'platform',
+        desc: '平台',
+        value: this.collect.configManager.get('platform')
+      }, {
+        name: 'device_model',
+        desc: '设备型号',
+        value: this.collect.configManager.get('device_model')
+      }, {
+        name: 'os_name',
+        desc: '操作系统',
+        value: this.collect.configManager.get('os_name')
+      }, {
+        name: 'os_version',
+        desc: '操作系统版本',
+        value: this.collect.configManager.get('os_version')
+      }, {
+        name: 'resolution',
+        desc: '屏幕分辨率',
+        value: this.collect.configManager.get('resolution')
+      }, {
+        name: 'referrer',
+        desc: '来源',
+        value: this.collect.configManager.get('referrer')
+      }, {
+        name: 'custom',
+        desc: '自定义信息',
+        value: JSON.stringify(this.collect.configManager.get('custom'))
+      }]
+    }, {
+      title: '配置信息',
+      key: 'config',
+      type: 3,
+      content: [{
+        name: 'autotrack',
+        desc: '全埋点',
+        value: this.config.autotrack ? true : false
+      }, {
+        name: 'stay',
+        desc: '停留时长',
+        value: this.config.enable_stay_duration ? true : false
+      }]
+    }, {
+      title: 'A/B配置信息',
+      key: 'ab',
+      type: 4,
+      content: [{
+        name: 'ab',
+        desc: 'A/B实验',
+        value: this.config.enable_ab_test ? true : false
+      }]
+    }];
+    if (this.config.enable_ab_test) {
+      var ab = this.getInfo('ab');
+      var content = [{
+        name: 'ab',
+        desc: 'A/B实验',
+        value: this.config.enable_ab_test ? true : false
+      }, {
+        name: 'vid',
+        desc: '已曝光VID',
+        value: this.collect.configManager.getAbVersion()
+      }, {
+        name: 'ab_domain',
+        desc: 'A/B域名',
+        value: this.config.ab_channel_domain || decodeUrl(AB_DOMAINS[this.config.channel])
+      }, {
+        name: 'all_values',
+        desc: '全部配置',
+        value: this.collect.configManager.getAbCache()
+      }];
+      ab.content = content;
+      this.setInfo('ab', ab);
+    }
+    if (this.config.enable_native || this.config.Native) {
+      var _native = {
+        title: '客户端信息',
+        type: 3,
+        content: [{
+          name: 'native',
+          desc: '是否打通',
+          value: this.collect.bridgeReport ? true : false
+        }]
+      };
+      this.setInfo('native', _native);
+    }
+    if (SDK_VERSION.includes('tob')) {
+      var user = this.getInfo('user');
+      user.content.push({
+        name: 'sid',
+        desc: 'DISS'.split('').reverse().join(''),
+        value: '点击获取'
+      });
+      this.setInfo('user', user);
+    }
+  };
+  Debugger.prototype.getInfo = function (key) {
+    var current = null;
+    this.info.forEach(function (item) {
+      if (item.key === key) {
+        current = item;
+      }
+    });
+    return current;
+  };
+  Debugger.prototype.setInfo = function (key, data) {
+    var hasKey = false;
+    this.info.forEach(function (item) {
+      if (item.key === key) {
+        hasKey = true;
+        item = data;
+      }
+    });
+    if (!hasKey) {
+      this.info.push(data);
+    }
+  };
+  Debugger.prototype.getSecondInfo = function (key, valueKey) {
+    var data = this.getInfo(key);
+    var current = null;
+    data.content.forEach(function (item) {
+      if (item.name === valueKey) {
+        current = item;
+      }
+    });
+    return current;
+  };
+  Debugger.prototype.setSecondInfo = function (key, valueKey, value) {
+    var data = this.getInfo(key);
+    var contentHasKey = false;
+    data.content.forEach(function (item) {
+      if (item.name === valueKey) {
+        item.value = value;
+        contentHasKey = true;
+      }
+    });
+    if (!contentHasKey) {
+      var newContent = {
+        name: valueKey,
+        value: value,
+        desc: valueKey.toLocaleUpperCase()
+      };
+      data.content.push(newContent);
+    }
+    this.setInfo(key, data);
+  };
+  Debugger.prototype.loadHook = function () {
+    var _this = this;
+    this.collect.on(DebuggerMesssge.DEBUGGER_MESSAGE, function (data) {
+      switch (data.type) {
+        case DebuggerMesssge.DEBUGGER_MESSAGE_SDK:
+          var logObj = {
+            time: data.time,
+            type: data.logType || 'sdk',
+            infoType: data.infoType || 'sdk',
+            level: data.level,
+            name: data.info,
+            show: true,
+            levelShow: true,
+            needDesc: data.data ? true : false
+          };
+          if (data.data) {
+            logObj['desc'] = {
+              content: JSON.stringify(data.data)
+            };
+          }
+          _this.updateLog(logObj);
+          if (data.secType && data.secType === 'AB') {
+            _this.setSecondInfo('ab', 'vid', _this.collect.configManager.getAbVersion());
+            _this.setSecondInfo('ab', 'all_values', _this.collect.configManager.getAbCache());
+          } else if (data.secType === 'USER') {
+            // this.setSecondInfo('user', 'uuid', this.collect.configManager.get('user_unique_id'))
+            // this.setSecondInfo('user', 'web_id', this.collect.configManager.get('web_id'))
+            _this.setSecondInfo('user', data.common === 'user_unique_id' ? 'uuid' : data.common, _this.collect.configManager.get(data.common));
+          } else if (data.secType === 'HEADER') {
+            var value = _this.collect.configManager.get(data.common);
+            _this.setSecondInfo('common', data.common, data.common === 'custom' ? JSON.stringify(value) : value);
+          }
+          _this.updateInfo();
+          return;
+        case DebuggerMesssge.DEBUGGER_MESSAGE_EVENT:
+          if (data.data && data.data.length) {
+            var events = data.data[0];
+            var event_1 = events.events;
+            if (!event_1.length) return;
+            event_1.forEach(function (item) {
+              item['checkShow'] = true;
+              item['searchShow'] = true;
+              item['focusShow'] = true;
+              item['status'] = data.status;
+              item['type'] = _this.filterEvent.has(item.event) ? 'sdk' : 'cus';
+              item['verifyType'] = data.verifyType ? 'verify' : 'no';
+              item['info'] = '';
+              if (data.status === 'fail') {
+                item['info'] = {
+                  message: "code: " + data.code + "\uFF0C msg: " + (data.msg || data.failType)
+                };
+              }
+            });
+            _this.updateEvent(events);
+          }
+          return;
+      }
+    });
+  };
+  Debugger.prototype.addLintener = function () {
+    var _this = this;
+    window.addEventListener('message', function (messgae) {
+      if (messgae && messgae.data && messgae.data.type === 'devtool:web:ready') {
+        _this.devToolOrigin = messgae.origin;
+        _this.devToolReady = true;
+        if (_this.sendAlready) return;
+        _this.sendData('devtool:web:init', {
+          info: _this.info,
+          log: _this.log,
+          event: _this.event,
+          sdk_type: SDK_VERSION.includes('tob') ? 'tob' : 'inner',
+          appId: _this.app_id
+        });
+        _this.sendAlready = true;
+      }
+      if (messgae && messgae.data && messgae.data.type === 'devtool:web:ssid') {
+        _this.collect.getToken(function (res) {
+          _this.setSecondInfo('user', 'sid', res.tobid);
+          _this.updateInfo();
+        });
+      }
+    });
+  };
+  Debugger.prototype.sendData = function (type, data) {
+    try {
+      var postData = {
+        type: type,
+        payload: data
+      };
+      // (window.opener || window.parent).postMessage(postData, this.devToolOrigin);
+      window && window.postMessage(postData, this.devToolOrigin);
+    } catch (e) {}
+  };
+  Debugger.prototype.updateInfo = function () {
+    if (!this.devToolReady) {
+      return;
+    }
+    this.sendData('devtool:web:info', this.info);
+  };
+  Debugger.prototype.updateLog = function (logObj) {
+    if (!this.devToolReady) {
+      this.log.push(logObj);
+      return;
+    }
+    this.sendData('devtool:web:log', logObj);
+  };
+  Debugger.prototype.updateEvent = function (events) {
+    if (!this.devToolReady) {
+      this.event.push(events);
+      return;
+    }
+    this.sendData('devtool:web:event', events);
+  };
+  Debugger.prototype.loadDebuggerModule = function () {
+    var debugCss = "#debugger-applog-web {\n      position: fixed;\n      width: 90px;\n      height: 30px;\n      background: #23c243;\n      border-radius: 6px;\n      color: #fff;\n      font-size: 12px;\n      bottom: 5%;\n      right: 10%;\n      text-align: center;\n      line-height: 30px;\n      cursor: not-allowed;\n      z-index:1000;\n      font-weight:bold;\n      opacity: 0.6;\n    }";
+    var head = document.head || document.getElementsByTagName('head')[0];
+    var style = document.createElement('style');
+    style.appendChild(document.createTextNode(debugCss));
+    head.appendChild(style);
+    var debuggerHtml = "<div id=\"debugger-applog-web\" class=\"debugger-applog-web\">AppLog\u8C03\u8BD5</div>";
+    var debugDiv = document.createElement('div');
+    debugDiv.innerHTML = debuggerHtml;
+    var debuggerContainer = "<div id=\"debugger-container\" class=\"debugger-container\"></div>";
+    var debugContainerDiv = document.createElement('div');
+    debugContainerDiv.innerHTML = debuggerContainer;
+    document.getElementsByTagName('body')[0].appendChild(debugDiv);
+    document.getElementsByTagName('body')[0].appendChild(debugContainerDiv);
+    var debugTool = document.getElementById('debugger-applog-web');
+    this.debugButton = new DraggableButton(debugTool);
+  };
+  Debugger.prototype.enableDebugButton = function () {
+    this.debugButton && this.debugButton.enable();
+  };
+  return Debugger;
+}();
+
 var jsbn = createCommonjsModule(function (module, exports) {
 (function(){
     var dbits;
@@ -5119,7 +5525,7 @@ var Collector$1 = /** @class */function () {
     this.configManager = new ConfigManager(this, initConfig);
     this.appBridge = new AppBridge(initConfig, this.configManager);
     this.bridgeReport = this.appBridge.bridgeInject();
-    // this.debugger = new Debugger(this, initConfig)
+    this["debugger"] = new Debugger(this, initConfig);
     this.requestManager = new RequestManager(this, initConfig);
     this.initConfig = initConfig;
     this.env = initConfig.channel_domain ? 'self' : 'public';
@@ -8938,8 +9344,7 @@ var Store = /** @class */function () {
     this.config = config;
     if (this.collect.destroy) return;
     var Types = collect.Types;
-    var storage = collect.adapters.storage;
-    this.storage = new storage(false);
+    this.storage = new StorageManager();
     this.eventUrl = this.collect.configManager.getUrl('event');
     this.eventKey = "__tea_cache_events_" + config.app_id;
     this.storageNum = config.storage_num || 50; // 默认最大存储50条数据
@@ -8988,19 +9393,19 @@ var Store = /** @class */function () {
     }, this.retryInterval);
   };
   Store.prototype.storeData = function (errorInfo) {
-    var data = this.storage.getItem(this.eventKey);
+    var data = this.storage.getLocalItem(this.eventKey);
     var eventData = errorInfo.eventData;
     // 数据错误不进行存储
     if (Object.keys(data).length === this.storageNum) return;
     // 数据满了，就不再添加数据
     data[Date.now()] = eventData;
-    this.storage.setItem(this.eventKey, data);
+    this.storage.setLocalItem(this.eventKey, data);
   };
   Store.prototype.checkStorage = function () {
     var _this = this;
     try {
       if (!window.navigator.onLine) return; // 设备未联网
-      var data_1 = this.storage.getItem(this.eventKey);
+      var data_1 = this.storage.getLocalItem(this.eventKey);
       if (!data_1 || !Object.keys(data_1).length) return;
       var loadData = {
         events: [{
@@ -9020,7 +9425,7 @@ var Store = /** @class */function () {
         var _loop_1 = function _loop_1(key) {
           _this.fetchData(data_1[key], function () {
             delete copyData[key];
-            _this.storage.setItem(_this.eventKey, copyData);
+            _this.storage.setLocalItem(_this.eventKey, copyData);
           }, function () {}, false);
         };
         for (var key in data_1) {