我最近一直在为一个网站设计打印样式表，我意识到我不知道如何有效地调整它。为屏幕布局设置重载循环是一回事:
更改代码 点 重新加载
但当你试图打印时，整个过程会变得更加艰巨:
更改代码 点 重新加载 打印 斜视打印预览图像 在预览中打开PDF以作进一步检查
我是不是错过了一些工具?WebKit的检查器有“假装这是分页媒体”复选框吗?Firebug(战栗)能施展什么魔法吗?
当前回答
Chrome 48可以在渲染选项卡中调试打印样式。
点击检查器和渲染设置的菜单图标右上角。
编辑 对于Chrome 58，位置已更改为Web检查>菜单>更多工具>渲染
其他回答
Chrome 48可以在渲染选项卡中调试打印样式。
点击检查器和渲染设置的菜单图标右上角。
编辑 对于Chrome 58，位置已更改为Web检查>菜单>更多工具>渲染
有一种简单的方法来调试你的打印样式表，而不需要切换HTML代码中的任何媒体属性(当然，正如指出的那样，它不能解决宽度/页的问题):
使用Firefox + Web开发扩展。 在Web开发人员菜单中，选择CSS /按媒体类型显示CSS /打印 返回Web开发人员菜单，选择选项/持久化功能
现在您正在查看打印的CSS，您可以无限期地重新加载页面。 完成后，取消选中“Persist Features”并重新加载，您将再次获得屏幕CSS。
HTH.
2019 -更新说明
打开Chrome检查器 从Mac =>选项+命令+ i 从Windows => F12 点击小3点，自定义和控制devTools 选择更多工具 选择呈现 滚动到底部以模拟CSS媒体 从向下箭头选择打印
Chrome的UI从v53开始就不一样了。
我不需要经常使用这个功能，但每当我使用这个功能时，我总是要花很长时间才能弄清楚Chrome团队从我上次燃烧周期试图追踪它到哪里去了。
注意这是。菜单在开发工具窗格，而不是…菜单在Chrome浏览器窗格。
现在向下滚动渲染部分。它通常在底层。
我使用宏来发送重复的按键和鼠标点击。 在Windows下，AutoHotKey是一个很棒的软件，在OS X下，你可以读到Automator，这是OsX的替代AHK。
在Windows下(在OS X下用Cmd替换Ctrl)“Ctrl-s /切换到Fx窗口，无论它在窗口打开的列表/ Ctrl-r”绑定到1个未使用的键避免无趣任务的挫折，最终将拯救我的手臂从RSI:)
