Where did Rendering go in Chrome DevTools?

Question

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?

score 47 · Answer 1 · edited Nov 09 '15 at 19:30

47

The Rendering settings have been moved as of Chrome 48. You can now access them via three-dots menu icon, More Tools, Rendering Settings.

Moved Rendering Settings

Alternatively, you can access it via the bottom pane's new menu:

edited Nov 09 '15 at 19:30

Paul Irish

47,354
22
98
132

answered Oct 22 '15 at 22:52

Paul Bakaus

1,236
1
9
9

In 46, that menu item reads "Inspect devices...". Any ideas where I can find rendering settings in version 46? – Killroy Oct 25 '15 at 19:12
@Killroy Should be the same as previous versions. Open the drawer with `esc` and click the Rendering tab. – Garbee Oct 26 '15 at 17:55
Nope, no such tabs. Only: "Console | Emulation | Promises" – Killroy Oct 27 '15 at 19:01

score 14 · Answer 2 · answered Oct 24 '18 at 02:30

14

On Windows Chrome 70.0. Open devtools: CTRL + SHIFT + J.

Then click on vertical menu button highlighted below.

answered Oct 24 '18 at 02:30

phtn458

475
5
11

score 7 · Answer 3 · edited Nov 17 '20 at 17:01

7

Just in case anyone else is still looking for this... I'm using Chrome 51, but I found it in the three dots menu -> More Tools -> Rendering Settings.

screenshot-clip

edited Nov 17 '20 at 17:01

connexo

53,704
14
91
128

answered Jul 08 '16 at 22:29

smcgee31

91
1
7

I'm using v51 but don't have this menu. Very strange. – esengineer Jul 25 '16 at 07:36

gus · Answer 4 · 2017-12-14T09:21:32.187

2

Firstly，Click the button

Secondly，Select rendering option

Thirdly，You should scroll up Console

edited Dec 14 '17 at 09:21

answered Dec 14 '17 at 09:01

gus

532
4
6

Where did Rendering go in Chrome DevTools?

4 Answers4

Linked