问题
I'm trying to use the Chrome devtools timeline to improve animation performances, but I can't find the Paint Profiler. I recorded some seconds of an animation and then clicked on a paint event in the timeline, as described here, basically: https://developers.google.com/web/tools/chrome-devtools/profile/evaluate-performance/timeline-tool#profile-painting
But I don't see any Paint Profiler tab.
Here's how I see the console window:
I'm using Google Chrome Version 51.0.2704.106 (64-bit), on a Mac
回答1:
Updated at 20190316
The feature is still existing confirmed in Version 72.0.3626.121 (Official Build) (64-bit).
Updated at 20180806
It becomes even harder to find in Version 68.0.3440.84 (Official Build) (64-bit). Follow the steps below to find the paint profiler in Google Chrome development tool.
1) Enable "Advanced paint instrumentation (slow)"
2) Record a timeline 3) Find a paint block and click on that block
4) Click the "Paint Profiler" inside Preview section
5) Here is the "Paint Profiler" you are looking for.
回答2:
You don't actually need to keep refreshing the page. Once the page loaded and Profile Paint pane does not appear you simply Ctrl+f and type paint and it's gonna show up. Depending on you computer hardware it takes few seconds before finally paint record loaded even if you look it up(Ctrl+f). Wait a few seconds and then look up for paint, you don't need to refresh!
来源：https://stackoverflow.com/questions/38437722/no-paint-profiler-in-chrome-devtools