哪裏是鉻開發工具「連續頁面重新繪製」選項？

在FPS儀表旁邊的渲染下的開發工具中，曾經有一個選項表示「啓用連續頁面重新繪製」。現在它不在那裏。它去了哪裏？哪裏是鉻開發工具「連續頁面重新繪製」選項？

版本60.0.3112.113（正式版本）（64位）

來源

2017-08-25 RenaissanceProgrammer

https://developer.chrome.com/devtools/docs/rendering-settings – Amogh

@Amogh它不存在... – RenaissanceProgrammer

我有說，相同的版本32位 – Amogh

在FPS儀表旁邊的Render右下的開發工具中有一個選項，其中顯示「啓用連續頁面重新繪製」。現在它不在那裏。它去了哪裏？

它已被刪除。見Crbug issue #523040。

更廣泛的問題在於，您可以使用什麼工作流程來替換連續繪畫模式（CPM）？

CPM在我以前的時間，但它看起來像它給了你整個頁面的繪畫成本的實時估計。沒有什麼等同於此了，但表演錄音肯定能幫助您衡量您的網頁正在做多少繪畫。總體思路是開始錄製，與頁面進行交互，然後分析錄製結果以查看發生了多少次繪畫事件，以及每個人花了多少時間。請參閱Get Started With Analyzing Runtime Performance以熟悉「性能」面板。

2017年11月2日更新

有來DevTools在Chrome 64（這是目前在加那利）的新功能，這是接近CPM稱爲Performance Monitor。它顯示FPS，每秒佈局和每秒樣式重新計算的實時視圖。

來源

2017-08-29 19:23:24

這真的令人失望。爲什麼要刪除一個易於使用的功能？ FPS儀表+ CPM給出了性能的即時反饋。使用Performance錄像現在的工作方式相同。「空閒幀」顯示爲〜1 fps。沒有太多的框架顯示〜4，〜5fps。如果你想確保小動畫和東西以60fps播放，這是非常具有誤導性的。 FPS儀表和性能分析器現在顯示渲染了多少幀，而不是渲染渲染幀的速度。也許如果CPM沒有希望，那麼FPS儀表需要反映它實際顯示的內容。 – RenaissanceProgrammer

@RenaissanceProgrammer看到我關於Perf Monitor的更新。 Re：你的評論我認爲這是很好的反饋，我建議在https://crbug.com上打開一個問題並與團隊討論。 –

「連續頁面重繪」調試選項是從Chrome中移除了不少版本前。但是，你仍然可以得到的開發工具的性能選項卡油漆儀表：

開發人員工具 - >性能 - >設置 - >啓用高級油漆儀表

，因爲只要這不會使連續重繪我可以告訴Chrome不再那麼做，但可以讓您查看頁面在錄製過程中的實際工作情況，並且可以用於跟蹤性能問題。它也與其他性能配置文件數據集成在一起。

我個人發現此文章：https://blog.algolia.com/performant-web-animations/對於動畫製作有用，但我不打算在這裏總結它，因爲它很長，我不確定你是否特意尋找改進動畫表演無論如何。（與作者沒有關係;只是有用的信息）

來源

2017-08-28 20:37:25 Daniel

哪裏是鉻開發工具「連續頁面重新繪製」選項？

回答

相關問題