Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Not able to find "Emulate CSS media" in Google Chrome

I'm trying to set the media query in chrome to go to print. I tried to follow this post - Using Chrome's Element Inspector in Print Preview Mode?

However, I can't find the Emulate CSS media option under overrides.

enter image description here

Has it been moved? Where should I look for it?

I tried in the Emulation in the console drawer. It's not in their either -

enter image description here

like image 236
Madhu Avatar asked Jan 21 '14 01:01

Madhu


2 Answers

They move it every so often. At the moment it's in the Rendering panel. To find it:

  1. Open the lower panel (press Esc while in the Developer Tools)

    screenshot

  2. Open the Rendering panel from the dropdown

  3. Select Emulate print media

    screenshot


like image 102
fregante Avatar answered Oct 07 '22 04:10

fregante


For emulating print CSS, it looks like this now, as of Chrome 49, April 2016.

It looks like this now.

like image 24
michael Avatar answered Oct 07 '22 05:10

michael