为什么JavaScript架构前端项目中不可或缺的是监控系统？

本文共计644个文字，预计阅读时间需要3分钟。

目录 + 监控系统 + 前端监控工具能力解决什么问题？ + 异常报错问题 + 性能检测问题 + 运营反馈工具 + 为什么选择自研？ + 自研前端监控的技术栈 + 监控系统 + 监控系统提升

目录

• 监控系统
• 前端监控具体能解决什么问题？
• 异常报错问题
• 性能检测问题
• 运营反馈工具
• 为什么要选择自研？
• 自研前端监控的技术栈

监控系统

提到监控系统，大部分同学首先想到的是后端监控。很明显，比如检测服务器性能，数据库性能，API 的访问流量，以及各种服务的运行情况等等，都与后端息息相关。而前端更多承担的是 UI 展现的角色，主要关注页面怎么排版设计，好像没什么需要监测的地方，因此一直以来都没有涉及到监控的概念。

于是呢大家就一致认为：只要后端稳定可控，应用就是稳定可控的，可实际情况真的是这样吗？

近年来，前端发展日益迅猛，得益于 JavaScript 的持续进化和浏览器功能的不断增强，前端能做到的事情越来越多，相应的前端应用的复杂度也越来越高。以前我们压根不会遇到的问题，现在蹭蹭蹭的一股脑都冒出来了。

举个例子，小明是个前端程序员，有一天用户反馈某页面某按钮点了没有反应。小明立刻找到那个按钮，轻轻一点，咦？正常的呀。然后小明又用了几个不同的账号测试，依然是正常的。