小编典典

更快地开发和测试打印样式表(避免每次打印预览)?

all

这是我现在的过程:

  1. 保存对 print.css 的更改
  2. 打开浏览器并刷新页面。
  3. 右键单击并选择“打印”>“打印预览”(Firefox,但实际上是任何浏览器)

第 3 步让我很烦恼,我想知道是否可以使用插件或其他东西将其从流程中删除。只需选择以打印媒体形式查看页面,然后只需刷新即可查看更改。

你如何测试你的打印样式表?您是否总是在刷新后单击打印预览?


阅读 71

收藏
2022-07-28

共1个答案

小编典典

您可以使用在浏览器中查看打印 css 中接受的Chrome 媒体类型仿真

更新 21/11/2017

可以在此处找到更新的 DevTools 文档:
以打印模式查看页面

在打印模式下查看页面:
1. 打开命令菜单。( tl;dr Cmd+Shift+P (Mac)
Ctrl+Shift+P(Windows, Linux))
2. 开始输入Rendering并选择Show Rendering
3. 对于 Emulate CSS Media 下拉菜单,选择 print


更新 29/02/2016

DevTools
文档已移动,上面的链接提供了不准确的信息。可以在此处找到有关媒体类型仿真的更新文档:更多媒体类型的预览样式


2022-07-28