相信大家在平時都做過一些自動化測試的工作，Chrome 在最新的版本（Chrome 97）里面新增了一個非常好用的功能，可以幫助我們錄制、回放、測試用戶操作，今天就和大家來一起試用一下。

Recorder 面板

首先我們打開 Devtools，然后打開 More Tools - Recorder。

或者也可以使用菜單命令打開 Recorder：

開始錄制

點擊 Start new recording 后就可以開始錄制啦。

面板顯示 Recording... 就表示正在錄制：

Recorder 會記錄并展示我們操作過的每個步驟。

最后點擊 End recording 可以結束錄制過程。

重放用戶操作

記錄完用戶操作后，我們可以點擊 Replay 來重放整個操作過程，重播進度也會展示在面板的下面。

另外，我們還能通過 Replay settings 來模擬弱網環境：

測試頁面性能

我們可以通過點擊 Measure performance 來測量用戶整個操作過程中的性能。

它會自動打開 Performance 面板來進行性能跟蹤。

編輯操作

整個錄制過程都會被轉換成代碼，這意味著我們可以隨意更改每個環節的代碼，甚至自己寫一段自動化測試的代碼：

整體使用下來體驗還是非常不錯的，之前必須要借助一些工具庫實現的流程現在直接用 Chrome 也能實現了，大家快用起來吧 ～