无法在Google Chrome中找到“模拟CSS媒体”

Question

我正在尝试在Chrome中设置媒体查询以进行打印。我试着关注这篇文章 - Using Chrome's Element Inspector in Print Preview Mode?

但是，我无法在覆盖下找到Emulate CSS media选项。

它被移动了吗？我应该在哪里寻找它？

我在控制台抽屉中尝试了Emulation。它不在他们的任何一个 -

Answer 1

他们经常移动它。目前它位于渲染面板中。找到它：

1. 打开下方面板（在开发者工具中按 Esc ）

   

2. 从下拉列表中打开渲染面板

3. 选择模拟打印介质

   

---

Answer 2

为了模拟打印CSS，从2016年4月的Chrome 49开始，它现在看起来像这样。

Answer 3

它位于任何标签下，您可以在开发工具中打开控制台（除了控制台选项卡之外几乎所有标签都可以）。例如，在“源”下，转到工具的右上角，然后单击“显示控制台”图标（看起来像带有三个垂直条的大于号的图标）。那应该打开控制台，你应该看到Emulation选项。