Chrome 大更新,又把一大把开源库的活给抢了!

前端下午茶

共 854字,需浏览 2分钟

 · 2021-11-27

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

Recorder 面板

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

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

开始录制

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

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

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

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

重放用户操作

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

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

测试页面性能

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

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

编辑操作

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

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

最后



如果你觉得这篇内容对你挺有启发,我想邀请你帮我三个小忙:

  1. 点个「在看」,让更多的人也能看到这篇内容(喜欢不点在看,都是耍流氓 -_-)

  2. 欢迎加我微信「qianyu443033099」拉你进技术群,长期交流学习...

  3. 关注公众号「前端下午茶」,持续为你推送精选好文,也可以加我为好友,随时聊骚。


点个在看支持我吧,转发就更好了

浏览 19
点赞
评论
收藏
分享

手机扫一扫分享

举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

举报