19

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

3 Answers 3

41

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


3
  • This has changed under the latest version of Chrome. It is now under the Media side-tab. Image link
    – Ustice
    Jan 19, 2015 at 21:22
  • 2
    Updated again. You need to toggle "Device Mode" (smartphone icon on tools menu bar), then go to the Emulation tab in the console, then go to the media tab.
    – Trisped
    May 1, 2015 at 0:38
  • 2
    Now under More Tools > Rendering
    – developius
    Mar 16, 2017 at 10:51
5

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

It looks like this now.

3

It's under any of the tabs where you can open the console in the dev tools (pretty much all of them except for the Console tab). For example under Sources, go to the upper right hand of the tools and click the Show Console icon (the icon that looks like a greater than sign with three vertical bars). That should open the console and you should see the Emulation options.

0

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.