Source-Map on PlumePHP

前端与移动端 RUM：Web Vitals、会话与用户体验监控

Wed, 30 Sep 2026 12:00:00 +0800

后端再健康，用户看到的页面白屏、点击没反应，体验依然是零。前端与移动端 RUM（Real User Monitoring） 采集"真实用户在真实设备上的真实体验"：加载快不快、交互顺不顺、布局稳不稳、报了什么错。本指南从 Web Vitals 讲起，覆盖 Performance API 采集、长任务与错误还原、会话与采样、移动端 App 监控，以及如何把前端指标与后端 trace 关联，定位"到底哪一层慢"。

Source Map 深入：生成原理、调试体验与错误监控

Mon, 28 Sep 2026 11:00:00 +0800

引言

压缩后的生产 JS 一行几千字符，报错堆栈却是 main.abc123.js:1:12345——没有 source map 这行错误毫无意义。Source Map 把「压缩后的位置」映射回「源码的位置」，是调试与线上可观测性的基石。它不复杂，但总被误解：为什么有 //# sourceMappingURL？mappings 里的乱码是什么？hidden 模式有什么用？上线到底该不该带上 source map？本文将把 source map 从字节级原理到工程策略讲透。