自Chrome32起，您在抽屉Emulation选项卡的Screen部分中拥有CSS media选项。

只需启用它，选择print作为目标媒体类型，然后-注意-您的页面几乎以打印方式呈现。

如果不可见，请使用Esc调出抽屉。

请参阅这篇文章

然后转到“覆盖”选项卡

Chrome32 35+

（在Chrome35+中，默认存在“仿真”选项卡。此外，控制台可从任何主选项卡获得。）

1. 在DevTools中，转到设置->覆盖
2. 启用“在控制台抽屉中显示仿真视图”
3. 关闭设置，转到“元素”选项卡
4. 点击Esc调出控制台
5. 选择选项卡“仿真”，单击“屏幕”
6. 向下滚动到“CSS Media”，选择“print”

此选项（尚未？）在控制台选项卡中可用。

注意：这个答案涵盖了Chrome的几个版本，滚动查看v52，v48，v46，v43和v42每个版本都有更新的更改。

Chromev52+：

• 打开开发者工具（Windows：F12或Ctrl+Shift+我，Mac：Cmd+选择+我）
• 单击自定义和控制DevTools汉堡菜单按钮并选择更多工具>渲染设置（或较新版本的渲染）。
• 选中渲染选项卡上的模拟打印媒体复选框并选择打印媒体类型。

Chromev48+（感谢Alex注意到）：

• 打开开发人员工具（CTRLSHIFT我或F12）
• 点击左上角的切换设备模式按钮（CTRLSHIFTM）。
• 通过单击（1）菜单中的显示控制台确保显示控制台（如果开发人员工具栏有焦点，ESC键会切换控制台）。
• 在渲染选项卡上选中模拟打印媒体，可以通过在（2）的菜单中选择渲染打开。

Chromev46+：

• 打开开发人员工具（CTRLSHIFT我或F12）
• 点击左上角的切换设备模式按钮（1）。
• 通过单击菜单按钮（2）>显示控制台（3）或按ESC键切换控制台（仅在Developer Toolbar具有焦点时有效）来确保显示控制台。
• 打开仿真（4）>媒体（5）选项卡，选中css媒体并选择打印（3）。

Chromev43+：

• 步骤2中的抽屉图标已更改。

Chromev42：

• 打开开发人员工具（CTRLSHIFT我或F12）
• 点击左上角的切换设备模式按钮（1）。
• 通过单击显示抽屉按钮（2）或按ESC键切换抽屉，确保显示抽屉。
• 在仿真>媒体下选中css媒体并选择打印（3）。

如果您在GoogleChrome中使用打印为PDF调试CSS，并且您的CSS元素背景颜色未显示，请确保勾选“背景图形”复选框。我花了将近30分钟调试我的CSS，并想知道是什么导致我的CSS背景被忽略。

从Chrome48+开始，您可以通过以下步骤访问打印预览：

1. 打开开发工具-Ctrl/Cmd+Shift+I或右键单击页面并选择“检查”。

2. 点击Esc打开额外的抽屉。

3. 如果“渲染”尚未显示，请单击3点烤串并选择“渲染”。

4. 选中“模拟打印媒体”复选框。

从那里Chrome将向您显示页面的打印版本，您可以像查看浏览器版本一样检查元素并进行故障排除。

截至Chrome48（可能还有更早的几个版本），该函数似乎再次移动：

前几个步骤不变：

1. 按F12调出开发人员工具

2. 按ESC打开控制台

根据前面的答案，可以在“仿真”选项卡下找到设置。如下图所示，它现在已移动到“渲染”选项卡，可以通过单击“控制台”选项卡左侧的三个点来显示。

Chromev50：

方式一：

1. 菜单>更多工具>渲染设置 （见图片）
2. 向下：渲染选项卡>模拟媒体“打印”

方式二：

1. 开放式控制台[esc]
2. 控制台菜单>渲染

在Mac上的Chromev51下，我通过单击右上角，选择更多工具>渲染设置并检查窗口底部提供的选项中的模拟媒体按钮来找到渲染设置。

感谢所有其他让我想到这一点的海报，并感谢那些在没有图像的情况下提供答案的人。

Chromev67（mac）：

1. 按住cmd+op+j打开开发工具
2. 单击右侧的...，然后选择：更多工具>>渲染
3. 当渲染窗口显示在屏幕底部时，模拟CSS媒体部分并从下拉列表中选择：“屏幕”。
4. 转到“文件>>打印”，您应该会看到要打印的视图。

上面描述的Mac上Chromev67的图像：

在哪里可以找到渲染选项卡：单击右侧的...，然后选择：更多工具>>渲染

如何打印“屏幕”视图：当渲染窗口显示在屏幕底部时，模拟CSS媒体部分并从下拉列表中选择：“屏幕”。

希望有帮助。

有了快捷方式，最快的方法是

1. 打开开发者工具

   • Windows：F12或Ctrl+Shift+我
   • Mac：Cmd+选择+我

2. 打开命令菜单

   • Windows：Ctrl+Shift+P
   • Mac：Cmd+Shift+P

3. 键入print并从上下文菜单中选择模拟CSS打印媒体类型

   

看看目前最受好评的用lmeur回答，我认为这个解决方案也可能随着时间的推移保持稳定。