@ifreeovo/track-link-sdk

可视化埋点通讯SDK，提供DOM元素高亮、XPath生成、埋点截图、postmessage通讯和CDP协议通信功能。(需要配合埋点后台使用)

功能特性

• 🔍 DOM元素高亮与检查
• 📝 自动生成元素XPath
• 🔗 基于CDP协议的通信能力
• 📱 支持iframe路由控制
• 🛠️ 自动截取埋点图片

安装

使用npm安装

npm install @ifreeovo/track-link-sdk

在main.js中引入：

import SDK, { WS_FROM } from '@ifreeovo/track-link-sdk'

SDK.init({
    trackingClientURL: 'http://localhost:8000',
    socket: {
        devtoolURL: `ws://localhost:3000/api/v1/remote/devtool`,
        from: WS_FROM.CLIENT,
    },
})

配置选项

• trackingClientURL {string} [必填]
  埋点客户端URL，用于postmessage跨域通信，例如：http://localhost:8000

• socket {object} [必填]
  WebSocket连接配置：

  • devtoolURL - DevTool WebSocket服务地址，如：ws://localhost:3000/api/v1/remote/devtool
  • from - 客户端来源标识，使用WS_FROM.CLIENT常量

开源许可证

MIT