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

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

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

 

Recorder 面板

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

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

开始录制

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

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

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

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

重放用户操作

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

 

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

测试页面性能

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

 

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

编辑操作

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

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

 

责任编辑:庞桂玉 来源: 前端大全
相关推荐

2024-02-06 10:04:21

微软视频编辑工具

2009-09-17 09:39:28

Chrome 3.0谷歌浏览器

2020-06-28 08:21:07

Chrome浏览器Chrome浏览器

2010-04-06 09:47:38

2020-10-23 16:25:23

Chrome 86前端文件

2013-07-17 13:48:56

Chrome 29浏览器

2009-09-14 10:07:21

Chrome支持插件谷歌

2021-06-15 14:47:06

GoogleChrome标签组

2017-02-06 15:50:21

谷歌Chrome小程序

2022-10-19 09:48:00

谷歌Chrome浏览器

2023-10-16 08:09:15

Chrome浏览器

2021-06-21 05:28:54

谷歌 Chrome 浏览器

2021-01-11 17:50:00

Chrome 88Chrome浏览器

2021-04-15 05:52:06

谷歌Chrome 浏览器

2009-11-06 17:12:46

MacChromeDev分支

2010-10-28 16:31:10

2023-02-27 17:45:49

Windows 11微软

2021-07-22 16:19:11

Android 12谷歌用户

2022-03-29 09:03:08

JavaScript数组语义

2009-05-22 08:56:02

GoogleChrome浏览器
点赞
收藏

51CTO技术栈公众号