查看原文
其他

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

ConardLi 脚本之家 2022-05-10
 关注
脚本之家
”,与百万开发者在一起

出处:code秘密花园(ID:ConardLi

如若转载请联系原公众号

大家好,我是 ConardLi,周末愉快 ~

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

Recorder 面板

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

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

开始录制

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

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

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

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

重放用户操作

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

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

测试页面性能

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

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

编辑操作

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

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

  推荐阅读:

低级错误?Google因一个字符错误搞砸所有Chromebook

Firefox、Chrome 等多个浏览器均已弃用FTP!

Chrome OS成全球第二大桌面系统,国内市场能否复制成功?

每日打卡赢积分兑换书籍入口

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存