我最近一直在为一个网站设计打印样式表,我意识到我不知道如何有效地调整它。为屏幕布局设置重载循环是一回事:

更改代码 点 重新加载

但当你试图打印时,整个过程会变得更加艰巨:

更改代码 点 重新加载 打印 斜视打印预览图像 在预览中打开PDF以作进一步检查

我是不是错过了一些工具?WebKit的检查器有“假装这是分页媒体”复选框吗?Firebug(战栗)能施展什么魔法吗?


当前回答

按照rflnogueira的回答,当前的Chrome设置(40.0.*)将如下所示:

其他回答

按照rflnogueira的回答,当前的Chrome设置(40.0.*)将如下所示:

在DreamWeaver中有一个工具栏,可以显示你想要的任何渲染选项: 屏幕,打印,手持媒体,投影屏幕,电视媒体,设计时间样式表等。 这是我特别使用的,因为它:立即显示预览只需按下一个按钮。

调试时使用media="screen"在浏览器中显示打印样式表。打印预览视图使用与普通浏览模式相同的渲染引擎,因此您可以使用它获得准确的结果。

Chrome 48可以在渲染选项卡中调试打印样式。

点击检查器和渲染设置的菜单图标右上角。

编辑 对于Chrome 58,位置已更改为Web检查>菜单>更多工具>渲染

在Chrome v41中,它也在那里,但位置略有不同。