你如何调试可打印的CSS?
我一直使用Firebug和IE Developer Toolbar来调试棘手的CSS问题。 但偶尔会出现一个棘手的错误,只有当您打印页面时才会出现。
你用什么技术/工具来诊断这样的问题? 有没有办法在打印视图中更多地使用传统的CSS调试工具?
更新:我已经使用PDF打印机来避免浪费纸张; 我的问题是我不能右击打印的DOM。 下面的一些其他答案很有帮助,谢谢。 :-)
刚刚在lee-penkman发现了一个关于Firefox中的新功能的评论:在Firefox中按Shift-F2
打开浏览器控制台(不是JavaScript控制台),然后输入media emulate print
。 工作绝对好!
我使用WebDeveloper插件和CSS - >按媒体类型显示CSS - >打印以查看打印时的CSS。 Firebug的检测工具可以与CSS一起工作,并通过插件进行过滤。
在Chrome 51中:
打开devtools( CTRL + F12
或CTRL + SHIFT + I
)并单击...
菜单,单击More Tools > Rendering settings
以打开开发人员控制台的Rendering
选项卡(或者,如果控制台已打开,请导航至此选项卡)。
在该选项卡中,选择并选中Emulate Media: print
框。