调试打印样式表的建议?

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

  • 更改代码
  • 命令选项卡
  • 重新装载

但当您试图打印时,整个过程变得更加艰难:

  • 更改代码
  • 命令选项卡
  • 重新装载
  • 印刷品
  • 斜视打印预览图像
  • 在预览中打开PDF以供进一步检查

这里有我错过的工具吗?WebKit的检查员是否有“假装这是分页媒体”复选框?Firebug(颤栗)有什么魔力吗

Chrome的inspector中有一个选项

  1. 打开DevTools检查器(mac:Cmd+Shift+C,windows:Ctrl+Shift+C
  2. 单击位于DevTools面板左上角的切换设备模式图标。(windows:Ctrl+Shift+M,mac:Cmd+Shift+M
  3. 单击浏览器视口右上角的“更多覆盖”图标以打开devtools抽屉
  4. 然后,在仿真抽屉中选择媒体,并选中CSS媒体复选框

这应该能奏效

更新:DevTools中的菜单已更改。
现在可以通过单击右上角的“三点”菜单>更多工具>渲染设置>模拟媒体>打印来找到它

来源:谷歌开发工具页面*

发表评论