我正在开发网站，需要在打印视图上工作。通常，当我遇到布局问题时，我会使用 Chrome 的 Element Inspector。但是，在打印预览模式下不存在此功能。

是否有 Chrome 插件或其他方法可以更改您在 chrome 本身中的查看媒体，从而像打印机一样查看页面？我想它不是特定于 Chrome 的解决方案，但是那是我的主要浏览器，因此拥有浏览器内解决方案会很好。

现在，我仅关注打印预览介质，但是理想的是能够更改为任何受支持的介质类型（即，全部 / 盲文 / 浮雕 / 手持 / 打印 / 投影 / 屏幕 / 语音 / tty / 电视）。

注意：这个答案涉及铬的几个版本中，滚动查看V52，V48，V46，V43和V42每一个与他们的更新变化。

Chrome v52 +：

• 打开开发人员工具（Windows： F12或Ctrl + Shift + I ，Mac： Cmd + Opt + I ）
• 单击 “自定义和控制 DevTools汉堡包” 菜单按钮，然后选择 “更多工具”>“渲染设置” （或在较新版本中进行 “渲染”）。
• 选中 “渲染”选项卡上的 “模拟打印介质”复选框，然后选择 “打印介质类型”。

Chrome v48 +（感谢 Alex 的注意）：

• 打开开发人员工具（ CTRL SHIFT I或F12 ）
• 单击左上角的切换设备模式按钮（ CTRL SHIFT M ）。
• 通过单击（1）菜单中的 “显示控制台” ，确保显示控制台（如果 “开发人员工具栏” 具有焦点，则ESC 键可切换控制台）。
• 选中 “渲染” 选项卡上的 “模拟打印介质”，可以通过在（2）的菜单中选择 “渲染” 来打开。

Chrome v46 +：

• 打开开发人员工具（ CTRL SHIFT I或F12 ）
• 单击左上角的切换设备模式按钮（1）。
• 通过单击菜单按钮（2）>显示控制台（3）或按ESC键以切换控制台，确保已显示控制台（仅在 “开发人员工具栏” 具有焦点时有效）。
• 打开 “仿真”（4）>“媒体”（5）选项卡，检查CSS 媒体，然后选择 “打印” （3）。

Chrome v43 +：

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

Chrome v42：

• 打开开发人员工具（ CTRL SHIFT I或F12 ）
• 单击左上角的切换设备模式按钮（1）。
• 单击显示抽屉按钮（2）或按ESC键以切换抽屉，以确保显示抽屉。
• 在 “仿真”>“媒体” 下，检查CSS 媒体，然后选择 “打印” （3）。

在 Chrome 32 35 + 中进行了更改

（在 Chrome 35 + 中，默认情况下显示 “仿真” 标签。此外，控制台可从任何主标签中使用。）

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

“控制台” 选项卡中的该选项（尚未？）不可用。

从 Chrome 32 开始，您可以在抽屉 “ Emulation选项卡的 “ Screen CSS media

只需启用它，选择 “ print作为目标介质类型，然后 - 几乎 - 您的页面将以几乎将其打印的方式呈现。

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