Chrome 97 推出了一個預覽功能 - Recorder。它允許你錄製 Web 頁面的操作並支援回放，編輯，測量效能 等諸多功能。
它長什麼樣
你可以直接在 chrome devtool 中看到一個 Recorder 皮膚，點選它就可以體驗。
如果沒有找到，可以嘗試 cmd + shift + p 調出命令皮膚搜尋 Recorder。當然如果該功能未釋出是搜不到的
它有什麼用？
通過它，你可以實現一些有趣的功能。
比如：
- 測試同學錄制一段“視訊”， 然後傳送給開發，開發根據這段視訊定位問題。
- 測試某一個業務流程在各種不同的網路和硬體環境下的表現，甚至你可以看其在不同平臺的表現（比如 PC，手機，平板等）。
- 自動化測試。你可以錄製一段視訊，然後通過修改其中部分引數的形式來自動化生成很多測試用例。
- 。。。
由於是預覽版，因此最終是什麼樣可能還不確定。
大招
對於我來說，我想要到一個比較有意思的功能。
我們知道 Chrome 的 devtool frontend（就是你看到的開發者工具） 是開源的，程式碼託管在 Github：https://github.com/ChromeDevT...
因此你可以直接整合它到你的專案中。比如你可以開發一個除錯工具，這個工具 fork 一下 devtool frontend，然後修改 Recoreder 部分的原始碼，使得使用者可以手動上報自己的錄影，然後你將使用者的錄影資料，網路資料等其他資料傳送到你的後端進行分析。
這個功能我在之前的公司做過，不過做的並不好。而如果依託於 Chrome 團隊，那些棘手的問題都不需要你解決了，比如效能問題就很棘手。
如果你的公司有做使用者錯誤上報或者資訊收集的需求，不妨考慮一下是否可以為你所用。