强制打印预览模式

CSS 打印媒体查询允许你定义仅在打印页面时应用的 CSS 样式。

使用“ 呈现 ”工具强制网页进入打印预览模式，以便调试打印样式。

强制页面进入打印预览模式：

1. 转到网页，例如 Todo 演示应用。

2. 右键单击该网页，然后选择 “检查”。 DevTools 随即打开。

3. 如果 “快速视图 ”面板或工具栏未显示在 DevTools 底部，请在焦点位于 DevTools 上时按 Esc 。 “ 快速视图 ”面板将打开。

4. 在 “快速视图 ”工具栏中，单击“ 更多工具 (+) ”按钮，然后选择“ 渲染” 工具。

   渲染工具在快速视图面板中打开：

   

5. 向下滚动到 “模拟 CSS 媒体类型 ”部分，然后在下拉列表中，选择“ 打印 ”而不是 “无模拟”：

   

   呈现网页时应用了打印媒体 CSS 样式。

6. 在 “元素 ”工具中，编辑打印媒体 CSS 样式：

   

   若要了解有关更改 CSS 的详细信息，请参阅 查看和更改 CSS 入门。

退出打印预览模式

• 在 “渲染 ”工具的“模拟 CSS 媒体类型 ”部分，选择下拉菜单中的“ 无仿真 ”。

  网页在应用其屏幕样式的情况下呈现。

另请参阅

• 呈现工具，用于查看具有不同显示选项或视觉缺陷的网页的外观

注意

此页面的某些部分是根据 Google 创建和共享的作品所做的修改，并根据 Creative Commons Attribution 4.0 International License 中描述的条款使用。 原始页面可在 此处 找到，作者为 Kayce Basques。

本作品根据 Creative Commons Attribution 4.0 International License 获得许可。