我最近一直在为一个网站制作打印样式表,我意识到我不知道如何有效地调整它。在屏幕布局上工作时,有一个重新加载循环是一回事:
- 更改代码
- 命令选项卡
- 重新装载
但当您试图打印时,整个过程变得更加艰难:
- 更改代码
- 命令选项卡
- 重新装载
- 印刷品
- 斜视打印预览图像
- 在预览中打开PDF以供进一步检查
这里有我错过的工具吗?WebKit的检查员是否有“假装这是分页媒体”复选框?Firebug(颤栗)有什么魔力吗
Chrome的inspector中有一个选项
- 打开DevTools检查器(mac:Cmd+Shift+C,windows:Ctrl+Shift+C)
- 单击位于DevTools面板左上角的切换设备模式图标。(windows:Ctrl+Shift+M,mac:Cmd+Shift+M)
- 单击浏览器视口右上角的“更多覆盖”图标以打开devtools抽屉
-
然后,在仿真抽屉中选择媒体,并选中CSS媒体复选框
这应该能奏效
更新:DevTools中的菜单已更改。
现在可以通过单击右上角的“三点”菜单>更多工具>渲染设置>模拟媒体>打印来找到它
来源:谷歌开发工具页面*