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.

在这里输入图像描述

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 -

在这里输入图像描述


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

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

    截图

  • Open the Rendering panel from the dropdown

  • Select Emulate print media

    截图



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

    现在看起来像这样。


    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.

    链接地址: http://www.djcxy.com/p/20494.html

    上一篇: Chrome打印和打印介质仿真

    下一篇: 无法在Google Chrome中找到“仿效CSS媒体”