一款轻量好用的页面错误监控平台—— FrontJS

先放连接：https://www.frontjs.com/

FrontJS 最先是用于蒲公英旗下项目管理平台 Tracup 中的一个性能工具，也就是咱们一个月前发布的 frontend-tracker，发布后在一些社区内也有一些良好的反应。

当咱们尝试在蒲公英上使用这款工具的时候也出现了一些问题，好比，蒲公英天天能产生千万级别的访问信息，这使得原有的统计分析性能变得不是很理想，这对于一款统计分析为主的产品来讲是致命的。

咱们及时调整了从于数据单元到分析单元的结构和代码，在不增加机器数量的状况下解决了这个问题。

如今，一款简单的性能工具也变成了一个性能监控平台，咱们有信心面对更大的数据量，因而咱们把这个平台开放出来，让每一个 Web 开发者可以从中获益。

因而咱们邀请你们，特别是 Web 开发者来使用这款产品，为咱们提出宝贵的优化意见。

FrontJS 的核心功能

FrontJS 是面向产品部门，运营部门，以及开发部门工做人员的网站性能及异常信息收集工具。

产品和运营部门能够经过页面分析功能来了解用户访问量、使用偏好、页面停留时间和用户流向等信息，从而对产品进行调整和优化。

开发部门能够经过页面统计获取用户平均的页面统计信息作出 DOM 树渲染时间是否达标，DNS 解析时间是否达标，服务器响应时间是否达标等判断。

FrontJS 为开发人员提供了包含错误收集、页面流向、性能分析、资源及请求监控等用户体验改进所需的信息，最主要的功能固然仍是 JS 错误监控：咱们会收集精细到 console.log 级别的任何 Javascript 异常信息并提供 stack trace 信息，同时咱们还对每一个 XHR 计时帮助开发者判断某个 Endpoint 是否须要优化。

FrontJS 的技术特色

• 图形界面配置，自动生成集成代码，即加即用
• JS 异常监控，包含 console 中的 log / warn / error 的收集
• 提供 API，能够对上报行为进行定制化的调整
• 具备包装后的 try - catch，能够产生自定义错误信息
• 资源监控，收集加载失败的资源以及跨域资源的 URI
• XHR 监控，收集 XHR 耗时、错误、超时、跨域等信息
• 堆栈追踪技术，精确获取更多异常上下文信息，方便查找错误位置，在每一个浏览器中均可以使用完整的堆栈追踪
• 自定义信任域，能够对跨域信息作出灵活调整有助于监控页面是否发生 XSS 或被植入病毒
• 页面性能监控，包含 DNS 时间， DOM 渲染时间等信息，能够组合计算出首屏时间以及白屏时间
• 事件流，能够了解异常发生时的上下文环境，帮助测试部门快速复现错误
• 近实时的分析结果

将来咱们但愿经过借助人工智能等一些手段让这款产品变得更加智能，可以主动发现被监控站点的体验问题并自动的为用户提供高质量的解决方案。

最后再次邀请你们使用FrontJS，并提出宝贵的意见~

https://www.frontjs.com/