调试打印样式表的建议?

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

更改代码点重新加载

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

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

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

当前回答

我使用宏来发送重复的按键和鼠标点击。在Windows下，AutoHotKey是一个很棒的软件，在OS X下，你可以读到Automator，这是OsX的替代AHK。

在Windows下(在OS X下用Cmd替换Ctrl)“Ctrl-s /切换到Fx窗口，无论它在窗口打开的列表/ Ctrl-r”绑定到1个未使用的键避免无趣任务的挫折，最终将拯救我的手臂从RSI:)

其他回答

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

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

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

Chrome的UI从v53开始就不一样了。

我不需要经常使用这个功能，但每当我使用这个功能时，我总是要花很长时间才能弄清楚Chrome团队从我上次燃烧周期试图追踪它到哪里去了。

注意这是。菜单在开发工具窗格，而不是…菜单在Chrome浏览器窗格。

现在向下滚动渲染部分。它通常在底层。

我使用宏来发送重复的按键和鼠标点击。在Windows下，AutoHotKey是一个很棒的软件，在OS X下，你可以读到Automator，这是OsX的替代AHK。

推荐文章