Looks like the Rendering settings aren't where they used to be (i.e. enable paint flashing, show layer borders, show FPS meter, Show scrolling perf issues).
How can I access those features again?
Once you have the devtools open (option + cmd + i on Mac), you can find the Animations tab by clicking the “Customize and Control Devtools” icon on the right side of the panel. Then go to “More tools”, then “Animations”.
Chrome. To open the developer console window on Chrome, use the keyboard shortcut Ctrl Shift J (on Windows) or Ctrl Option J (on Mac). Alternatively, you can use the Chrome menu in the browser window, select the option "More Tools," and then select "Developer Tools."
Change where DevTools is docked by using the Command Menu Or, press Shift + Ctrl + P on Windows/Linux or Command + Shift + P on macOS. Type dock, and then select a dock command: Dock to bottom.
The Rendering settings have been moved as of Chrome 48. You can now access them via three-dots menu icon, More Tools, Rendering Settings.
Alternatively, you can access it via the bottom pane's new menu:
On Windows Chrome 70.0. Open devtools: CTRL + SHIFT + J.
Then click on vertical menu button highlighted below.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With