自从Chrome 32，你有CSS媒体选项在屏幕部分的抽屉仿真选项卡。

只需启用它，选择打印作为目标媒体类型，然后-看-你的页面呈现[几乎]它将打印的方式。

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

请参阅这篇文章

然后转到“覆盖”标签

Chrome 32 35+更改

(在Chrome 35+中，“仿真”选项卡默认存在。此外，控制台可从任何主选项卡。)

在DevTools中，进入“设置”->覆盖 启用“在控制台抽屉中显示仿真视图” 关闭设置，转到“元素”标签 按Esc调出控制台 选择“仿真”页签，点击“屏幕” 向下滚动到“CSS媒体”，选择“打印”

这个选项在控制台选项卡中还不可用。

注意:这个答案涵盖了几个版本的Chrome，滚动查看v52, v48, v46, v43和v42各自的更新更改。

Chrome v52 +:

打开开发人员工具(Windows: F12或Ctrl+Shift+I, Mac: Cmd+Opt+I) 点击自定义和控制DevTools汉堡菜单按钮，并选择更多工具>渲染设置(或更新版本的渲染)。 选中渲染选项卡上的模拟打印媒体复选框，并选择打印媒体类型。

Chrome v48+(谢谢Alex注意到):

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

Chrome v46 +:

打开开发人员工具(CTRLSHIFTI或F12) 点击左上角(1)的切换设备模式按钮。 通过点击菜单按钮(2)>显示控制台(3)或按ESC键切换控制台(仅当开发人员工具栏有焦点时有效)，确保控制台显示。 打开“Emulation (4) > Media(5)”选项卡，选中“CSS Media”并选择“print(3)”。

Chrome v43 +:

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

Chrome v42:

打开开发人员工具(CTRLSHIFTI或F12) 点击左上角(1)的切换设备模式按钮。 通过点击显示抽屉按钮(2)或按ESC键切换抽屉，确保抽屉显示。 在Emulation > Media下检查CSS Media并选择print(3)。

如果你正在调试你的CSS使用打印为PDF在谷歌Chrome浏览器和你的CSS元素背景颜色不显示，然后确保“背景图形”复选框勾选。我花了近30分钟调试我的CSS，不知道是什么原因导致我的CSS背景被忽略。

作为Chrome 48+，您可以通过以下步骤访问打印预览:

打开开发工具-按Ctrl/Cmd + Shift + I或在页面上右键单击并选择“检查”。 按Esc打开另一个抽屉。 如果“渲染”还没有显示，点击3点烤肉串并选择“渲染”。 选中“模拟打印媒体”复选框。

从那里Chrome将显示你的页面的打印版本，你可以检查元素和排除故障，就像你会浏览器版本。

在Chrome 48(也许还有更早的几个版本)，这个函数似乎又移动了:

前几个步骤没有改变:

按F12打开开发人员工具 按“ESC”打开控制台

根据前面的回答，可以在“Emulation”选项卡下找到设置。如下图所示，它现在已经被移动到“渲染”选项卡，可以通过点击“控制台”选项卡左边的三个点来打开。

Chrome v50:

方式1:

菜单>更多工具>渲染设置 (见图片) 下:渲染标签>模拟媒体“打印”

方式2:

打开控制台[esc] 控制台菜单>渲染

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

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

Chrome v67 (mac):

按Cmd+opt+j打开开发工具 点击…在右边，选择:More Tools >> Rendering 当渲染窗口显示在屏幕底部，模拟CSS媒体部分，并从下拉菜单中选择:“屏幕”。 转到“文件>>打印”，你应该看到你想打印的视图。

mac上Chrome v67的上述描述图片:

在哪里找到渲染选项卡:点击…在右边，选择:More Tools >> Rendering

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

希望能有所帮助。

有了捷径，最快的方法就是

打开开发人员工具 Windows: F12或Ctrl+Shift+I 麦克:Cmd + Opt + I 打开命令菜单 Windows:按Ctrl + Shift + P 麦克:Cmd + Shift + P 键入打印并从上下文菜单中选择模拟CSS打印媒体类型

看看lmeurs给出的优秀且目前获得最多赞的答案，我认为这个解决方案也可能随着时间的推移保持稳定。