web 端录制回放的一个基础库，即记录页面中的 DOM 结构还有用户操作行为，在远程实现回放。一图胜千言，可看下面的gif 图 记录⽤户使⽤产品的⽅式并加以分析，进⼀步优化产品。 采集⽤户遇到 bug 的操作路径，予以复现。 记录 CI 环境中的 E2E 测试的执⾏情况。 录制…

做移动端Web开发的一大痛点就是，在真机运行下无法查看console.log日志和其他信息如网络请求、显示本地存储等信息。如果网页是运行在手机浏览器中还算好，可以把网址在电脑上打开查看console信息，但是如果是做APP的内嵌H5页面，那就只能靠开发阶段在浏览器模拟环境中尽量…

在线上项目中,需要统计产品中用户行为和使用情况，从而可以从用户和产品的角度去了解用户群体，从而升级和迭代产品，使其更加贴近用户。用户行为数据可以通过前端数据监控的方式获得，除此之外，前端还需要实现性能监控和异常监控。性能监控包括首屏加载时间、白屏时间、http请求时间和http…

本文从理论和实战的两个方面讲述前端离线日志系统是如何构建的，因为内容比较多，我将文章分为 3 部分来讲述整个日志系统的设计。 随着前端项目越发复杂，前端日志的重要性也越发凸显，通常我们使用网络请求上报的方式记录日志，比如 badjs，友盟的 cnzz等等。采用网络请求上报的方式…