我已经使用(像往常一样)@media打印规则来指定网页的打印如何与在线版本不同.这样做效果很好,但测试真的很困难.我通常要做的是以下步骤:
>为屏幕和打印创建不同的样式.
>在屏幕模式下启动您的页面
>打印页面到PDF打印机.
>看看结果.
>尝试找到行为错误的规则.
我想做什么(但是无法使用任何浏览器):
>为屏幕和打印创建不同的样式.
>在屏幕模式下启动您的页面
>进入预览打印模式(例如,对于Opera,可用的Firefox)
>使用可用的工具,如Firebug(Firefox)或Dragonfly(Opera)来检查DOM和当前样式.
>快速更改CSS,重新加载页面,再次查看结果和DOM.
是否有浏览器或浏览器,插件和流程的组合可以获得类似的结果?如果您有想法如何更改文件的组织,最小的更改获得希望的结果,欢迎您.
解决方法
名为“Web Developer”(
https://addons.mozilla.org/en-US/firefox/addon/web-developer/)的Firefox pluging具有“按媒体类型显示CSS”选项.