前端開發利器 - Wep Replay

• 2019 年 12 月 15 日
• 筆記

前端開發人員收到測試發來的 bug 後，通常比較頭疼復現的問題。

即使測試人員錄了影片，照著一步步操作也不一定能復現，例如bug是與當時的數據相關的。

為了解決這個問題，Firefox 推出了一個重磅新功能：web reply。

看名字就知道它的功能是「頁面回放」，這個回放可不是像錄屏一樣，而是完全真實的回放：

JavaScript、DOM、CSS 的行為都完全像錄製時一樣重播。

而且在重放時，你可以隨意檢查頁面上的各種元素、查看 console 日誌、斷點調試。

想像一下，測試把頁面過程錄下來，發給前端，前端導入進行回放，隨意的調試，這是多麼的高效。

就像時間旅行一樣，所以對於前端本地開發，或者bug修復，是極其便利的。

目前是測試版，只支援 MacOS，官方說等穩定後才會支援跨平台。

想體驗的話需要下載 nightly 版本，下載地址：

https://www.mozilla.org/zh-CN/firefox/channel/desktop/#nightly

我體驗了一下，不穩定，非常消耗記憶體，將近700M。

期待正式發布，到時將會大幅提升前端開發效率。

快點通知你的前端小夥伴吧，早點了解一下這個很酷的功能。

項目地址：

https://firefox-replay.com/