查看原文
其他

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

The following article is from code秘密花园 Author ConardLi

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

Recorder 面板

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

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

开始录制

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

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

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

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

重放用户操作

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

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

测试页面性能

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

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

编辑操作

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

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


- EOF -

推荐阅读  点击标题可跳转

1、但凡早知道这 28 个网站,都不至于学得那么不扎实

2、面试官:有了 for 循环 为什么还要 forEach?

3、WebStorm 和 VsCode 的结合体来了!


觉得本文对你有帮助?请分享给更多人

关注「大前端技术之路」加星标,提升前端技能


点赞和在看就是最大的支持❤️

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

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