Playground
@tripo3d/trace 的交互测试台。在这里可以模拟带 bd_vid 的落地页访问,实时查看 device id 加载、渠道检测、上报请求与去重行为。
验证 landing 上报
打开 DevTools → Network → 过滤 landing。 点击「Mock baseUrl + 触发 initLanding」 → 命中渠道时会发出一个 POST 请求到模拟接口。
包含的能力
baseUrl 与渠道参数可自定义 baseUrl 与 URL 上的 bd_vid 值,立即生效initLanding() 触发调用主 API,展示 device id、headers、上报状态、命中渠道请求拦截器注入自定义 fetch 实现,把请求劫持到本地,避免发到真实接口当日去重演示查看 localStorage 中的 dedupe key,可一键清空重试幂等调用连续点击 initLanding,看到第二次起 device id 跳过加载、上报被去重localStorage 检视展示 tripo:device_id 与 tripo:trace:lp:* 当前值
设计要点
不发到真实接口
Playground 注入了一个本地 mock fetch,把 POST /v2/attribution/v1/landing 拦截下来打到日志,避免污染真实归因数据。要看真实请求行为时,把 mock 关掉即可。
模拟 bd_vid 而不真的改 URL
直接在 URL bar 上加 ?bd_vid=xxx 会污染浏览器历史与缓存。Playground 用一个虚拟 URL 输入框,在调用 initLanding() 时把 window.location.href 临时替换成虚拟 URL,结束后恢复。