@rk911/tracker-sdk 1.6.4

package/platforms/web.js

@@ -0,0 +1,483 @@
+export class WebAdapter {
+  constructor(config) {
+    this.config = config
+    this._listeners = []
+  }
+
+  getPlatformName() {
+    return 'web'
+  }
+
+  // [PROJECT-ADAPT] 存储实现
+  // 当前依赖 uni.getStorageSync（uni-app 运行时）
+  // 非 uni-app 项目需替换为 localStorage.getItem
+
+  getStorage(key) {
+    try {
+      return uni.getStorageSync(key)
+    } catch (e) {
+      return null
+    }
+  }
+
+  setStorage(key, value) {
+    try {
+      uni.setStorageSync(key, value)
+    } catch (e) {}
+  }
+
+  removeStorage(key) {
+    try {
+      uni.removeStorageSync(key)
+    } catch (e) {}
+  }
+
+  getSessionStorage(key) {
+    try {
+      if (typeof sessionStorage !== 'undefined') {
+        const val = sessionStorage.getItem(key)
+        return val ? JSON.parse(val) : null
+      }
+    } catch (e) {}
+    return null
+  }
+
+  setSessionStorage(key, value) {
+    try {
+      if (typeof sessionStorage !== 'undefined') {
+        sessionStorage.setItem(key, JSON.stringify(value))
+      }
+    } catch (e) {}
+  }
+
+  removeSessionStorage(key) {
+    try {
+      if (typeof sessionStorage !== 'undefined') {
+        sessionStorage.removeItem(key)
+      }
+    } catch (e) {}
+  }
+
+  // ---- 多源路由检测（交叉验证，投票取准）----
+
+  getCurrentPagePath() {
+    var sources = []
+
+    // 来源 1: window.location.hash（浏览器地址栏，导航时同步更新，最可靠）
+    var hashRoute = this._getRouteFromHash()
+    if (hashRoute) sources.push(hashRoute)
+
+    // 来源 2: getCurrentPages() 栈顶（uni-app 内部，导航过程中可能延迟更新）
+    var stackRoute = this._getRouteFromPageStack()
+    if (stackRoute) sources.push(stackRoute)
+
+    // 来源 3: history.state（部分 uni-app 版本会写入路由信息）
+    var stateRoute = this._getRouteFromHistoryState()
+    if (stateRoute) sources.push(stateRoute)
+
+    if (sources.length === 0) return '/'
+
+    // 投票：多数一致取多数，全不一致取地址栏（地址栏是用户可见的 ground truth）
+    if (sources.length === 1) return sources[0]
+
+    var voteMap = {}
+    for (var i = 0; i < sources.length; i++) {
+      voteMap[sources[i]] = (voteMap[sources[i]] || 0) + 1
+    }
+
+    // 找出票数最多的
+    var maxVotes = 0
+    var winner = sources[0]
+    for (var route in voteMap) {
+      if (voteMap[route] > maxVotes) {
+        maxVotes = voteMap[route]
+        winner = route
+      }
+    }
+
+    // 地址栏是用户可见的 ground truth：导航过程中 pageStack/historyState 可能滞后，
+    // 只要 hash 有值且与投票结果不一致，以 hash 为准
+    if (hashRoute && winner !== hashRoute) {
+      return hashRoute
+    }
+
+    return winner
+  }
+
+  _getRouteFromHash() {
+    try {
+      if (typeof window === 'undefined') return null
+      var hash = window.location.hash || ''
+      if (!hash || hash === '#' || hash === '#/') return null
+      // uni-app H5 hash 格式: #/pages/index/index?query=xxx
+      var path = hash.replace(/^#/, '').split('?')[0]
+      if (path && path !== '/') return path
+    } catch (e) {}
+    return null
+  }
+
+  _getRouteFromPageStack() {
+    try {
+      var pages = getCurrentPages()
+      if (pages.length > 0) {
+        var route = pages[pages.length - 1].route || ''
+        if (route) {
+          return route.charAt(0) === '/' ? route : '/' + route
+        }
+      }
+    } catch (e) {}
+    return null
+  }
+
+  _getRouteFromHistoryState() {
+    try {
+      if (typeof window === 'undefined' || !window.history || !window.history.state) return null
+      var state = window.history.state
+      // uni-app 某些版本的 history.state 结构
+      if (state && state.current) {
+        var path = state.current.split('?')[0]
+        if (path && path !== '/') {
+          return path.charAt(0) === '/' ? path : '/' + path
+        }
+      }
+    } catch (e) {}
+    return null
+  }
+
+  getCurrentPageRoute() {
+    var path = this.getCurrentPagePath()
+    return path === '/' ? '' : path.replace(/^\//, '')
+  }
+
+  getPageTitle() {
+    try {
+      if (typeof document !== 'undefined' && document.title) {
+        return document.title
+      }
+    } catch (e) {}
+    return null
+  }
+
+  getToken() {
+    return this.getStorage(this.config.tokenKey || 'token')
+  }
+
+  // [PROJECT-ADAPT] 网络请求实现
+  // 当前依赖 uni.request（uni-app 运行时）
+  // 非 uni-app 项目需替换为 fetch/axios
+
+  request(options) {
+    return new Promise((resolve, reject) => {
+      uni.request({
+        ...options,
+        success: (res) => resolve(res),
+        fail: (err) => reject(err),
+      })
+    })
+  }
+
+  sendBeacon(url, data) {
+    try {
+      if (typeof navigator !== 'undefined' && navigator.sendBeacon) {
+        return navigator.sendBeacon(
+          url,
+          typeof data === 'string' ? data : JSON.stringify(data)
+        )
+      }
+    } catch (e) {}
+    // 降级为同步请求
+    try {
+      uni.request({
+        method: 'POST',
+        url: url,
+        data: data,
+        header: { 'content-type': 'application/json' },
+      })
+    } catch (e) {}
+    return true
+  }
+
+  // ---- 网络状态 ----
+
+  getNetworkType() {
+    try {
+      if (typeof navigator !== 'undefined' && navigator.connection) {
+        return navigator.connection.effectiveType || 'unknown'
+      }
+    } catch (e) {}
+    return typeof navigator !== 'undefined' && navigator.onLine ? 'wifi' : 'offline'
+  }
+
+  // ---- 设备信息 ----
+
+  getDeviceInfo() {
+    try {
+      const info = uni.getSystemInfoSync()
+      var ua = (typeof navigator !== 'undefined' ? navigator.userAgent : '').toLowerCase()
+      return {
+        brand: info.brand || this._judgeBrand(ua, info.model),
+        model: info.model || '',
+        platform: info.platform || '',
+        system: info.system || '',
+        screenWidth: info.screenWidth || 0,
+        screenHeight: info.screenHeight || 0,
+        userAgent:
+          typeof navigator !== 'undefined' ? navigator.userAgent : '',
+      }
+    } catch (e) {
+      return {}
+    }
+  }
+
+  // ---- 生命周期事件 ----
+
+  onPageShow(callback) {
+    if (typeof window !== 'undefined') {
+      const handler = () => callback()
+      window.addEventListener('pageshow', handler)
+      this._listeners.push({ target: window, event: 'pageshow', handler })
+    }
+  }
+
+  onPageHide(callback) {
+    if (typeof document !== 'undefined') {
+      const handler = () => {
+        if (document.visibilityState === 'hidden') {
+          callback()
+        }
+      }
+      document.addEventListener('visibilitychange', handler)
+      this._listeners.push({
+        target: document,
+        event: 'visibilitychange',
+        handler,
+      })
+    }
+  }
+
+  onPageClose(callback) {
+    if (typeof window !== 'undefined') {
+      const handler = () => callback()
+      window.addEventListener('beforeunload', handler)
+      this._listeners.push({ target: window, event: 'beforeunload', handler })
+    }
+  }
+
+  // ---- DOM 能力 ----
+
+  supportsDOM() {
+    return typeof document !== 'undefined'
+  }
+
+  supportsIntersectionObserver() {
+    return typeof IntersectionObserver !== 'undefined'
+  }
+
+  addClickListener(handler) {
+    if (typeof document !== 'undefined') {
+      document.addEventListener('click', handler, true)
+      this._listeners.push({ target: document, event: 'click', handler, capture: true })
+    }
+  }
+
+  removeClickListener(handler) {
+    if (typeof document !== 'undefined') {
+      document.removeEventListener('click', handler, true)
+    }
+  }
+
+  addErrorListener(handler) {
+    if (typeof window !== 'undefined') {
+      window.addEventListener('error', handler, true)
+      this._listeners.push({ target: window, event: 'error', handler, capture: true })
+    }
+  }
+
+  addUnhandledRejectionListener(handler) {
+    if (typeof window !== 'undefined') {
+      window.addEventListener('unhandledrejection', handler)
+      this._listeners.push({
+        target: window,
+        event: 'unhandledrejection',
+        handler,
+      })
+    }
+  }
+
+  // ---- 路由监听 ----
+
+  onRouteChange(callback) {
+    if (typeof window === 'undefined' || typeof history === 'undefined') return
+
+    const originalPushState = history.pushState
+    const originalReplaceState = history.replaceState
+
+    history.pushState = function (...args) {
+      originalPushState.apply(this, args)
+      callback({ type: 'pushState' })
+    }
+    history.replaceState = function (...args) {
+      originalReplaceState.apply(this, args)
+      callback({ type: 'replaceState' })
+    }
+
+    const popstateHandler = () => callback({ type: 'popstate' })
+    window.addEventListener('popstate', popstateHandler)
+    this._listeners.push({
+      target: window,
+      event: 'popstate',
+      handler: popstateHandler,
+    })
+
+    // uni-app H5 使用 hash 路由，navigateTo/reLaunch 可能只触发 hashchange
+    const hashchangeHandler = () => callback({ type: 'hashchange' })
+    window.addEventListener('hashchange', hashchangeHandler)
+    this._listeners.push({
+      target: window,
+      event: 'hashchange',
+      handler: hashchangeHandler,
+    })
+
+    this._originalPushState = originalPushState
+    this._originalReplaceState = originalReplaceState
+  }
+
+  // ---- 设备注册信息 ----
+
+  getDetailedDeviceInfo() {
+    var info = {}
+    try {
+      info = uni.getSystemInfoSync() || {}
+    } catch (e) {}
+
+    var ua = (typeof navigator !== 'undefined' ? navigator.userAgent : '').toLowerCase()
+
+    return {
+      appVersion: '1.0',
+      browserType: info.browserName || '',
+      browserVersion: info.browserVersion || '',
+      deviceBrand: this._judgeBrand(ua, info.deviceModel || info.model),
+      deviceCode: info.deviceId || '',
+      deviceModel: info.deviceModel || '',
+      deviceType: this._getDeviceType(ua),
+      deviceVersion: info.osVersion || '',
+    }
+  }
+
+  // [PROJECT-ADAPT] 设备品牌/类型识别
+  // 当前偏向中国市场手机品牌，国际化项目需扩展
+  // 返回的 deviceType 数值需与后台枚举对齐
+  _judgeBrand(ua, model) {
+    if (ua.indexOf('iphone') > -1) return 'iPhone'
+    if (ua.indexOf('huawei') > -1 || ua.indexOf('honor') > -1) return 'Huawei'
+    if (ua.indexOf('oppo') > -1 || ua.indexOf('pacm00') > -1) return 'Oppo'
+    if (ua.indexOf('vivo') > -1) return 'vivo'
+    // 精确匹配小米，避免裸子串 'mi' 命中微信/企业微信 UA 里的 "MicroMessenger"
+    // （曾把微信内所有非小米安卓机误判成小米）。/\bmi[\s-]?\d/ 匹配 "Mi 11"/"MI9"，不匹配 "micromessenger"
+    if (ua.indexOf('xiaomi') > -1 || ua.indexOf('redmi') > -1 ||
+        ua.indexOf('miui') > -1 || /\bmi[\s-]?\d/.test(ua)) return 'mi'
+    if (ua.indexOf('sm-') > -1) return 'Samsung'
+    if (ua.indexOf('lg-') > -1 || ua.indexOf('lm-') > -1) return 'LG'
+
+    // UA 未命中时按设备型号前缀兜底识别（微信 webview 常拿不到 UA 品牌，但 uni 能给型号）
+    var m = (model || '').toString().toUpperCase()
+    if (m) {
+      if (/^V\d{3,}/.test(m)) return 'vivo'          // vivo: V2283A / V2055A ...
+      if (/^(PA|PB|PC|PD|PE|CPH)/.test(m)) return 'Oppo' // oppo/一加型号前缀
+      if (/^(MI |MI-|M\d{4}|2\d{6})/.test(m) || m.indexOf('REDMI') > -1) return 'mi'
+      if (/^(ELS|NOH|LIO|ANA|TAS|VOG|BRQ)/.test(m)) return 'Huawei'
+      if (m.indexOf('SM-') === 0) return 'Samsung'
+    }
+    return '其他型号手机'
+  }
+
+  _getDeviceType(ua) {
+    if (ua.indexOf('ipad') > -1 && ua.indexOf('mac') > -1) return 3
+    if (ua.indexOf('iphone') > -1 && ua.indexOf('mac os') > -1) return 6
+    if (ua.indexOf('iphone') > -1) return 2
+    if (ua.indexOf('android') > -1 && ua.indexOf('ipad') > -1) return 4
+    if (ua.indexOf('android') > -1) return 1
+    if (ua.indexOf('linux') > -1) return 7
+    if (ua.indexOf('windows') > -1) return 5
+    return 1
+  }
+
+  // ---- 工具 ----
+
+  generateId(prefix) {
+    return (
+      (prefix || '') +
+      '_' +
+      Date.now() +
+      '_' +
+      Math.random().toString(36).substr(2, 9)
+    )
+  }
+
+  getTimestamp() {
+    return Date.now()
+  }
+
+  getXPath(el) {
+    if (!el || !el.tagName) return ''
+    const parts = []
+    let current = el
+    while (current && current.nodeType === 1 && current !== document.body) {
+      let index = 1
+      let sibling = current.previousElementSibling
+      while (sibling) {
+        if (sibling.tagName === current.tagName) index++
+        sibling = sibling.previousElementSibling
+      }
+      parts.unshift(current.tagName.toLowerCase() + '[' + index + ']')
+      current = current.parentElement
+    }
+    return '/' + parts.join('/')
+  }
+
+  // [PROJECT-ADAPT] 同 click.js 的 __vue__ 检测依赖
+  findTrackableElement(el) {
+    const trackable = ['A', 'BUTTON', 'INPUT', 'SELECT', 'TEXTAREA', 'IMG']
+    let current = el
+    let depth = 0
+    let firstClickable = null
+
+    while (current && current !== document.body && depth < 10) {
+      // 优先：有 data-track-id 标记的
+      if (current.dataset && current.dataset.trackId) return current
+      // 标准可交互元素
+      if (trackable.indexOf(current.tagName) >= 0) return current
+      // uni-app H5: Vue 实例上有 click 事件监听
+      if (!firstClickable && current.__vue__) {
+        var vm = current.__vue__
+        if ((vm.$listeners && vm.$listeners.click) || (vm._events && vm._events.click)) {
+          firstClickable = current
+        }
+      }
+      // 有 onclick 属性
+      if (!firstClickable && current.onclick) {
+        firstClickable = current
+      }
+      current = current.parentElement
+      depth++
+    }
+
+    return firstClickable || el
+  }
+
+  // ---- 清理 ----
+
+  destroy() {
+    this._listeners.forEach(({ target, event, handler, capture }) => {
+      target.removeEventListener(event, handler, !!capture)
+    })
+    this._listeners = []
+
+    if (this._originalPushState) {
+      history.pushState = this._originalPushState
+    }
+    if (this._originalReplaceState) {
+      history.replaceState = this._originalReplaceState
+    }
+  }
+}