[{"data":1,"prerenderedAt":363},["ShallowReactive",2],{"navigation-zh-CN":3,"doc-zh-CN-/features/overview":81,"surround-zh-CN-/features/overview":358},[4,23,45,67],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":22},"开始使用","i-lucide-rocket","/getting-started","1.getting-started",[10,14,18],{"title":11,"path":12,"stem":13},"认识 TraceVista","/getting-started/introduction","1.getting-started/1.introduction",{"title":15,"path":16,"stem":17},"5 分钟快速接入","/getting-started/quick-start","1.getting-started/2.quick-start",{"title":19,"path":20,"stem":21},"核心概念","/getting-started/concepts","1.getting-started/3.concepts",false,{"title":24,"icon":25,"path":26,"stem":27,"children":28,"page":22},"产品能力","i-lucide-blocks","/features","2.features",[29,33,37,41],{"title":30,"path":31,"stem":32},"功能总览","/features/overview","2.features/1.overview",{"title":34,"path":35,"stem":36},"性能指标与优化","/features/performance","2.features/2.performance",{"title":38,"path":39,"stem":40},"前端错误监控","/features/errors","2.features/3.errors",{"title":42,"path":43,"stem":44},"访问分析与业务事件","/features/analytics","2.features/4.analytics",{"title":46,"icon":47,"path":48,"stem":49,"children":50,"page":22},"SDK 接入","i-lucide-code-xml","/sdk","3.sdk",[51,55,59,63],{"title":52,"path":53,"stem":54},"安装浏览器 SDK","/sdk/installation","3.sdk/1.installation",{"title":56,"path":57,"stem":58},"SDK 配置","/sdk/configuration","3.sdk/2.configuration",{"title":60,"path":61,"stem":62},"SDK API 参考","/sdk/api","3.sdk/3.api",{"title":64,"path":65,"stem":66},"隐私、安全与采集边界","/sdk/privacy","3.sdk/4.privacy",{"title":68,"icon":69,"path":70,"stem":71,"children":72,"page":22},"网站与额度","i-lucide-folder-cog","/account","4.account",[73,77],{"title":74,"path":75,"stem":76},"管理监控网站","/account/projects","4.account/1.projects",{"title":78,"path":79,"stem":80},"免费接收量与用量规则","/account/quota","4.account/2.quota",{"id":82,"title":30,"body":83,"description":351,"extension":352,"links":353,"meta":354,"navigation":355,"path":31,"seo":356,"stem":32,"__hash__":357},"docs_zh_cn/2.features/1.overview.md",{"type":84,"value":85,"toc":344},"minimal",[86,90,94,97,119,125,128,131,148,153,156,159,173,176,181,184,197,292,295,301,304,307,340],[87,88,89],"p",{},"TraceVista 将 Web 应用监控分成四条互相补充的数据链路。它们共享网站和页面访问上下文，因此可以从一个异常现象继续追踪相关页面、运行环境与用户行为。",[91,92,93],"h2",{"id":93},"访问分析",[87,95,96],{},"每次页面打开或 SPA 路由变化都会形成一条页面访问记录。平台可以据此提供：",[98,99,100,104,107,110,113,116],"ul",{},[101,102,103],"li",{},"今日与累计 PV、UV",[101,105,106],{},"访问量时间趋势",[101,108,109],{},"热门页面和来源页面",[101,111,112],{},"国家或地区分布",[101,114,115],{},"设备、浏览器、操作系统和屏幕环境",[101,117,118],{},"视口、语言、时区、网络类型等客户端信息",[87,120,121],{},[122,123,124],"a",{"href":43},"了解访问分析 →",[91,126,127],{"id":127},"性能监控",[87,129,130],{},"SDK 使用浏览器 Performance API 观察加载、交互、视觉稳定性与主线程阻塞，自动提交：",[98,132,133,136,139,142,145],{},[101,134,135],{},"核心体验：LCP、INP、CLS",[101,137,138],{},"首次反馈：FCP",[101,140,141],{},"服务端与网络：TTFB",[101,143,144],{},"主线程：TBT",[101,146,147],{},"页面生命周期：DOMContentLoaded、Load",[87,149,150],{},[122,151,152],{"href":35},"理解性能指标与优化方向 →",[91,154,155],{"id":155},"错误监控",[87,157,158],{},"平台自动捕获四类常见线上失败：",[98,160,161,164,167,170],{},[101,162,163],{},"JavaScript 运行时异常",[101,165,166],{},"未处理的 Promise 拒绝",[101,168,169],{},"Script、图片、样式等资源加载失败",[101,171,172],{},"Fetch 与 XMLHttpRequest 网络错误和 HTTP 4xx/5xx",[87,174,175],{},"错误记录会带上页面上下文、堆栈和最近行为面包屑，帮助开发者判断“在哪里、什么环境、经过什么操作”发生了问题。",[87,177,178],{},[122,179,180],{"href":39},"了解错误采集边界 →",[91,182,183],{"id":183},"业务事件",[87,185,186,187,191,192,196],{},"访问、性能和错误由 SDK 自动采集，适合描述通用体验；业务事件则用来描述产品目标，",[188,189,190],"strong",{},"不会自动产生","。平台无法猜测哪些动作对你的业务重要，只有你在代码中主动调用 ",[193,194,195],"code",{},"track()"," 时才会记录：",[198,199,204],"pre",{"className":200,"code":201,"language":202,"meta":203,"style":203},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","window.TraceVista.track('checkout_completed', {\n    order_type: 'subscription',\n    plan: 'professional'\n})\n","js","",[193,205,206,246,267,283],{"__ignoreMap":203},[207,208,211,215,219,222,224,228,231,234,238,240,243],"span",{"class":209,"line":210},"line",1,[207,212,214],{"class":213},"sndM8","window",[207,216,218],{"class":217},"s86vT",".",[207,220,221],{"class":213},"TraceVista",[207,223,218],{"class":217},[207,225,227],{"class":226},"swgpB","track",[207,229,230],{"class":213},"(",[207,232,233],{"class":217},"'",[207,235,237],{"class":236},"sIEYB","checkout_completed",[207,239,233],{"class":217},[207,241,242],{"class":217},",",[207,244,245],{"class":217}," {\n",[207,247,249,253,256,259,262,264],{"class":209,"line":248},2,[207,250,252],{"class":251},"sd2Uz","    order_type",[207,254,255],{"class":217},":",[207,257,258],{"class":217}," '",[207,260,261],{"class":236},"subscription",[207,263,233],{"class":217},[207,265,266],{"class":217},",\n",[207,268,270,273,275,277,280],{"class":209,"line":269},3,[207,271,272],{"class":251},"    plan",[207,274,255],{"class":217},[207,276,258],{"class":217},[207,278,279],{"class":236},"professional",[207,281,282],{"class":217},"'\n",[207,284,286,289],{"class":209,"line":285},4,[207,287,288],{"class":217},"}",[207,290,291],{"class":213},")\n",[87,293,294],{},"事件会附加访客、会话、页面访问、URL 和路径上下文，无需在每次调用时重复传入。",[296,297,298],"tip",{},[87,299,300],{},"先从 3～5 个真正影响业务判断的关键事件开始，例如注册完成、购买完成和搜索无结果。事件越多不一定越有价值，清晰一致的命名更重要。",[91,302,303],{"id":303},"从发现到验证",[87,305,306],{},"一套有效的监控工作流通常是：",[308,309,310,316,322,328,334],"ol",{},[101,311,312,315],{},[188,313,314],{},"发现","：趋势、错误或性能分布出现异常。",[101,317,318,321],{},[188,319,320],{},"定位","：收敛到页面、环境、版本或错误类型。",[101,323,324,327],{},[188,325,326],{},"评估","：结合访问量和业务事件判断影响面。",[101,329,330,333],{},[188,331,332],{},"修复","：针对资源、代码、接口或布局实施改动。",[101,335,336,339],{},[188,337,338],{},"验证","：对比改动前后的真实用户数据，而不是只看本地测试。",[341,342,343],"style",{},"html pre.shiki code .sndM8, html code.shiki .sndM8{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s86vT, html code.shiki .s86vT{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swgpB, html code.shiki .swgpB{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sIEYB, html code.shiki .sIEYB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sd2Uz, html code.shiki .sd2Uz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":203,"searchDepth":269,"depth":248,"links":345},[346,347,348,349,350],{"id":93,"depth":248,"text":93},{"id":127,"depth":248,"text":127},{"id":155,"depth":248,"text":155},{"id":183,"depth":248,"text":183},{"id":303,"depth":248,"text":303},"从访问、性能、错误和业务事件四个角度，了解 TraceVista 如何呈现完整的用户体验。","md",null,{},true,{"title":30,"description":351},"F8yd0ottUq",[359,361],{"title":19,"path":20,"stem":21,"description":360,"children":-1},"理解监控网站、API Key、访客、会话、页面访问和四类监控数据之间的关系。",{"title":34,"path":35,"stem":36,"description":362,"children":-1},"理解 LCP、INP、CLS、FCP、TTFB、TBT、DCL 和 Load 的作用、参考区间与常见优化方向。",1789572467699]