Brilliant addition to Dev Tools!
Thanks for the great work on this feature!
This is an amazing feature.
What an amazing and immediately useful feature!
——來自于一群吃瓜網(wǎng)友的驚呼
Recorder功能介紹
首先在新的谷歌瀏覽器版本中（重點(diǎn)是如果你發(fā)現(xiàn)沒有這個(gè)要更新瀏覽器版本哦）可以看到開發(fā)者工具中有一個(gè) Recorder 這個(gè)tab，顧名思義就是錄像機(jī)，那么網(wǎng)頁(yè)的錄像機(jī)什么意思呢，其實(shí)就是記錄下用戶和網(wǎng)頁(yè)的交互。這個(gè)功能是不是讓你驚呼呢。
其實(shí)我覺得這個(gè)功能帶著一個(gè)關(guān)閉標(biāo)簽還是很友好的，就是讓你體驗(yàn)一下，覺得沒用可以關(guān)掉，不作為主功能，很人性化。這個(gè)功能我最先想到的就是可以方便我們排查用戶端的bug，他們錄下來我們來排查一下。是不是這樣呢，那就讓我們帶著問題去感受下這個(gè)功能吧。
體驗(yàn)步驟
看這段說明這個(gè)功能是來測(cè)試整個(gè)用戶歷程中的性能的，上報(bào)一段數(shù)據(jù)，可以回放，查看性能，或者導(dǎo)出一個(gè)puppeteer script。
首先點(diǎn)擊Start new recording，起一個(gè)名字： great_work，點(diǎn)擊下方錄像功能按鈕。
通過一些點(diǎn)擊和滾動(dòng)操作，在右側(cè)記錄了這些點(diǎn)，我們點(diǎn)擊End recording完成這個(gè)操作，然后可以看到有這些功能：
其中就包含回放和顯示性能的功能，這兩個(gè)按鈕都會(huì)按照你的操作去重新演示一遍，點(diǎn)擊性能按鈕就會(huì)出現(xiàn)整個(gè)頁(yè)面的性能加載
還有一些額外的操作，我就不在這多嘴多舌了，試試就知道了。
導(dǎo)出操作
當(dāng)我看到這里有導(dǎo)出的功能其實(shí)我還是開心的，因?yàn)橛脩魧?dǎo)出就可以反饋給開發(fā)者，這多簡(jiǎn)單，少費(fèi)了口舌而且還能夠減少因環(huán)境賬號(hào)的問題導(dǎo)致開發(fā)者難以復(fù)現(xiàn)的問題，這功能太贊了。興奮的我以至于找了很久的導(dǎo)入入口，我都蒙了，曾經(jīng)天真的以為能夠?qū)С隹隙ㄓ锌梢詫?dǎo)入啊，可惜暫時(shí)還沒有這個(gè)功能?？赡苁沁€有一些我們想不到的問題和顧慮的。
雖然不能導(dǎo)入，但是我還是心不死，我就嘗試去運(yùn)行這個(gè)下載的文件，其實(shí)，運(yùn)行完什么效果也沒有，大家也可以下載下來看看，一起討論下。
這個(gè)功能就暫時(shí)介紹到這里了，也留下了一個(gè)疑問，這個(gè)功能我們將來應(yīng)該怎樣使用，為什么大家對(duì)它都很期待。
User feedback
最后這里我就截幾張圖看看用戶反饋吧，直接去了關(guān)于導(dǎo)入導(dǎo)出的問題：
結(jié)語
無論大家有什么看法，是期待還是肯定，是贊揚(yáng)還是覺得無用，我覺得這都僅僅是開始，一個(gè)功能的開始，肯定是有存在的意義的，至于以后能夠發(fā)展成什么樣，對(duì)開發(fā)者有什么益處，那就讓我們拭目以待吧。
歡迎大家多交流，同步更多的信息。
