luoy
/
buried-point


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142
							<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>

<body>
  这是一个空页面
  <button id="btn" data-track>点击我</button>
  <div>操作系统: <span id="os"></span></div>
  <div>用户唯一标识: <span id="userId"></span></div>

  <!-- 会话绘制 -->
  <button id="startRecording">开始录制</button>
  <button data-stopRecording>停止录制</button>
  <button data-replay>回放录制</button>
  <div id="replay"></div>
</body>
<script src="./dist/main.js"></script>
<script>
  // 展示操作系统和用户唯一标识
  document.addEventListener('DOMContentLoaded', function () {
    document.getElementById('os').innerText = JSBridge.getOS();
    JSBridge.getUserId(function (userId) {
      document.getElementById('userId').innerText = userId;
    });
  });
  const tracker = new Tracker({ 
    baseUrl: 'http://192.168.3.9:3000/api/log',
    heartbeatInterval: 5000,
    maxVisitCount: 9999,
    // enableAutoRecording: false, // 是否自动开始录制
  });
  tracker.init();

  // 开启会话绘制
  document.getElementById('startRecording').addEventListener('click', function () {
    tracker.startRecording();
  });
</script>
</html>