你如何调试可打印的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中:

Chrome开发人员工具

打开devtools( CTRL + F12CTRL + SHIFT + I )并单击...菜单,单击More Tools > Rendering settings以打开开发人员控制台的Rendering选项卡(或者,如果控制台已打开,请导航至此选项卡)。

在该选项卡中,选择并选中Emulate Media: print框。

链接地址: http://www.djcxy.com/p/20479.html

上一篇: How do you debug printable CSS?

下一篇: Suggestions for debugging print stylesheets?