Web Replay

前端開發利器 - Web Replay

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

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

前端開發利器 - Web Replay

為了解決這個問題,Firefox 推出了一個重磅新功能:web reply

看名字就知道它的功能是“頁面回放”,這個回放可不是像錄屏一樣,而是完全真實的回放:

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

前端開發利器 - Web Replay

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

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

前端開發利器 - Web Replay

前端開發利器 - Web Replay

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

目前是測試版,只支持 MacOS,官方說等穩定後才會支持跨平臺。

想體驗的話需要下載 nightly 版本,下載地址:

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

我體驗了一下,不穩定,非常消耗內存,將近700M。

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

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

項目地址:

https://firefox-replay.com/


分享到:


相關文章: