前端监控
本话题发布前端监控相关的问答文章和技术分享，将持续更新，为您推荐了14篇问答，访问即可查看更多精彩内容。
-
1
回答
30浏览
如何在Vue中监听页面用户点击行为并上报？
我在做前端行为监控，想记录用户在页面上的点击操作，比如点了哪个按钮、哪个链接。目前尝试在Vue组件里加了@click监听，但感觉这样每个地方都要手动埋点，太麻烦了。有没有全局监听的办法？ 我试过在mo...
-
1
回答
67浏览
如何准确监控首屏加载时间？
我在做性能监控时，想准确获取用户看到首屏内容的时间，但发现不同方法测出来的结果差别挺大。 试过用 performance.timing.domContentLoadedEventEnd，也试过用 pe...
-
1
回答
27浏览
如何监听页面中用户的所有点击行为并上报？
我在做前端监控系统，想记录用户在页面上的所有点击行为，包括按钮、链接、甚至空白区域。试过给 document 加 click 事件监听，但发现有些点击没捕获到，比如某些动态加载的组件或者被 stopP...
-
2
回答
49浏览
页面性能监控中如何准确获取首屏加载时间？
我在做前端性能监控，想统计用户看到首屏内容的时间，但发现 performance.timing 里的 loadEventEnd 和 domContentLoadedEventEnd 都不太准，有时候 ...
-
1
回答
25浏览
为什么 unhandledrejection 监听不到 Promise 错误？
我在项目里加了 window.addEventListener('unhandledrejection', ...)，但有些 Promise 报错根本没触发这个监听，控制台报红了但监控没收到。明明是没...
-
2
回答
51浏览
Sentry 初始化后为什么收不到 Vue 项目的错误？
我在 Vue 3 项目里按文档装了 @sentry/vue，也调用了 init 方法，但页面报错时 Sentry 控制台完全没收到任何事件。本地开发环境能正常看到 console.error，但就是不...
-
2
回答
27浏览
为什么页面FCP很高但Lighthouse评分却不错？
我在用 Lighthouse 测速时发现 FCP（首次内容绘制）经常超过 3 秒，但整体性能评分却有 80 多分，这合理吗？是不是我哪里监控错了？ 我页面里有个 loading 动画，用 CSS 控制...
-
2
回答
28浏览
前端监控中如何准确采集 CSS 加载失败的数据？
我在做前端异常监控，想采集 CSS 文件加载失败的情况，但发现 onerror 事件在 link 标签上不生效。试过动态创建 link 并监听 error，但有些浏览器根本不触发，导致监控漏报。 比如...
-
2
回答
32浏览
前端监控数据上报时，为什么用 navigator.sendBeacon 会失败？
我在做前端错误监控，尝试用 navigator.sendBeacon 上报错误日志，但有时候数据根本没发出去，控制台也没报错，特别在页面快关闭的时候。我试过改成 fetch 加 keepalive: ...
-
2
回答
44浏览
React中使用Performance API记录组件渲染时间，为什么测量结果总是0？
我在React组件里用performance.mark测渲染时间，代码看起来没问题，但结果总显示0毫秒。比如在useEffect里开始和结束标记，但控制台打印的差值一直是0。 function MyC...
-
2
回答
64浏览
Promise的unhandledrejection有时捕获不到怎么办？
最近在给项目加监控时发现，用window.addEventListener('unhandledrejection')监听未处理Promise拒绝，但某些情况下还是会有控制台报错。比如这个异步请求代码...
-
2
回答
105浏览
前端日志上报时为什么总是触发跨域错误？
我在页面里用fetch发送错误日志到后端，但总是被浏览器拦截，显示跨域错误。尝试过加mode:'no-cors'和设置headers，但后端还是收不到数据... <img src="b...
-
2
回答
63浏览
为什么我的PerformanceObserver获取不到mark标记的性能数据？
我用Performance API给页面关键节点加了performance.mark()标记，但通过PerformanceObserver获取数据时一直为空，这是怎么回事？ 我按照文档写了这样的代码：...
-
2
回答
88浏览
为什么我的JavaScript Error监控没有捕获到Promise中的错误？
我给window绑定了onerror和onunhandledrejection，但发现Promise里的reject错误没有被监控到。比如这个代码： window.onerror = (msg, ur...
