推荐！一款实用且炫酷的前端监控系统！

哈喽，大家好！我是前端实验室的小师妹!

今天给大家推荐一款炫酷的轻量级前端监控系统。

在了解这款监控系统之前，我们简单聊聊前端为什么要做监控系统？要监控哪些呢？

来跟小师妹一起了解下吧~

前端为什么要做监控系统

异常是不可控的，并不能确定什么时候或者什么场景会发生异常，但它却会实实在在的影响用户体验。

尤其是前端的开发环境比较复杂，页面在不同浏览器、APP上展现的形态不太，用户的网络、设备性能等都有可能影响页面的渲染和访问速度。

所以，我们非常有必要去做这样一件事情，去了解用户的行为，以用户数据为基础，来指导我们产品的优化方向。

要监控哪些呢？

前端的监控主要可以分为三大类：数据监控、性能监控和异常监控。

数据监控如设备信息、浏览器信息、屏幕信息

性能监控如重定向时间、TCP连接耗时、页面加载完成时间

异常监控如JavaScript错误信息监控、Promise捕获异常信息的抓取、资源错误信息捕获

这些都是监控系统的主要基础功能，对于前端来说，最主要目的是方便快速定位线上问题。

于是，我找到了一款强大的轻量级的前端监控系统，它就是：webfunny！

webfunny 前端监控系统

Webfunny是一款轻量级前端异常监控和前端性能监控系统，致力于帮助前端工程师定位并解决各种线上问题，确保项目健康良好的运行。

作者说：身为一名前端工程师，每天都要面临很多线上的问题，一时间让我焦头烂额。公司其他的监控系统也有，但是每次解决问题都需要辗转于各种监控系统之间，亦是疲惫不堪。所以，我便为自己（前端工程师）量身定做了这样一款监控系统。

特点

• 轻量级：可以随时部署在任何地方，支持ESC部署和Docker部署，非常快捷方便；
• 功能全面：不限制应用的流量、自定义日志存储时间，能够适应更多高并发的场景；
• 针对性强：针对前端使用场景研发，辅助前端开发，容易上手；
• 无风险：所有监控数据都可以回流，监控日志都存储在你们自己的数据库内，不依赖任何第三方；

不得不说，这款监控系统的颜值还真高，最重要功能也强大!

如果你有兴趣的话，可以搭建一个自己的前端开源系统，快去试试吧~

项目地址获取：

点击下方卡片，发送关键字 监控系统 即可获取！

写在最后

欢迎加入前端实验室读者交流群，群里有不少技术大神，不定时会分享一些技术要点，更有一些资源收藏爱好者会分享一些优质的学习资料。吃瓜、摸鱼、白嫖技术就等你了~

进群方式：在下方公众号后台，回复111，按提示操作即可进群。