Chrome 新功能：支持录制、重放和测试用户操作！

大家好，我是 ConardLi，周末愉快 ～

相信大家在平时都做过一些自动化测试的工作，Chrome 在最新的版本（Chrome 97）里面新增了一个非常好用的功能，可以帮助我们录制、回放、测试用户操作，今天就和大家来一起试用一下。

Recorder 面板

首先我们打开 Devtools，然后打开 More Tools - Recorder。

或者也可以使用菜单命令打开 Recorder：

开始录制

点击 Start new recording 后就可以开始录制啦。

面板显示 Recording... 就表示正在录制：

Recorder 会记录并展示我们操作过的每个步骤。

最后点击 End recording 可以结束录制过程。

重放用户操作

记录完用户操作后，我们可以点击 Replay 来重放整个操作过程，重播进度也会展示在面板的下面。

另外，我们还能通过 Replay settings 来模拟弱网环境：

测试页面性能

我们可以通过点击 Measure performance 来测量用户整个操作过程中的性能。

它会自动打开 Performance 面板来进行性能跟踪。

编辑操作

整个录制过程都会被转换成代码，这意味着我们可以随意更改每个环节的代码，甚至自己写一段自动化测试的代码：

整体使用下来体验还是非常不错的，之前必须要借助一些工具库实现的流程现在直接用 Chrome 也能实现了，大家快用起来吧 ～

往期推荐

2021 TWeb 腾讯前端技术大会精彩回顾(附PPT)

面试题：说说事件循环机制(满分答案来了)

专心工作只想搞钱的前端女程序员的2020

最后

• 欢迎加我微信，拉你进技术群，长期交流学习...
  

• 欢迎关注「前端Q」,认真学前端，做个专业的技术人...

点个在看支持我吧