我正在开发一个网站，需要在打印视图上工作。通常，当我遇到布局问题时，我会使用Chrome的Element Inspector。但是，在打印预览模式下不存在此功能。
是否有Chrome插件或其他方法可以更改您在chrome本身中的查看媒体，从而像打印机一样查看页面？我想它不是特定于Chrome的解决方案，但是那是我的主要浏览器，因此拥有浏览器内解决方案会很好。
现在，我仅关注打印预览介质，但是理想的是能够更改为任何受支持的介质类型（即，全部/盲文/浮雕/手持/打印/投影/屏幕/语音/ tty /电视）。
Answers:
注意：这个答案涉及铬的几个版本中，滚动查看V52，V48，V46，V43和V42每一个与他们的更新变化。
（在Chrome 35+中，默认情况下显示“仿真”标签。此外，控制台可在任何主标签中使用。）
控制台选项卡中该选项（尚未？）不可用。
从Chrome 32开始，您CSS media可以在Screen“抽屉” Emulation标签的部分中进行选择。
只需启用它，选择print作为目标介质类型，然后-看-您的页面几乎以打印方式呈现。
Esc如果看不见抽屉，请使用它来提起抽屉。
从Chrome 48（可能还有更早的版本）开始，该功能似乎又重新移动了：
前几个步骤未更改：
按此F12调出开发人员工具
按下ESC以打开控制台
根据先前的答案，可以在“仿真”选项卡下找到该设置。如下图所示，它现在已移至“渲染”选项卡，可通过单击“控制台”选项卡左侧的三个点来调出它。
从Chrome 48+开始，您可以通过以下步骤访问打印预览：
打开开发工具– Ctrl/Cmd+ Shift+ I或在页面上单击鼠标右键，然后选择“检查”。
点击Esc打开其他抽屉。
如果尚未显示“渲染”，请单击3点烤肉串，然后选择“渲染”。
选中“模拟打印介质”复选框。
Chrome将从那里显示页面的打印版本，您可以像浏览器版本一样检查元素并进行故障排除。
如果您在Google Chrome中使用“另存为PDF”格式调试CSS，并且CSS元素的背景色未显示，请确保选中“背景图形”复选框。我花了将近30分钟的时间调试我的CSS，并想知道是什么导致我的CSS背景被忽略。
在Mac上的Chrome v51下，我通过单击右上角，选择“更多工具”>“渲染设置”，然后在窗口底部提供的选项中选中“仿真媒体”按钮，找到了渲染设置。
感谢所有其他引导我做到这一点的海报，并感谢那些提供了没有图像答案的海报。
