css – 如何使用在线工具测试浏览器的打印输出?

前端之家收集整理的这篇文章主要介绍了css – 如何使用在线工具测试浏览器的打印输出?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经使用(像往常一样)@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”选项.
原文链接:https://www.f2er.com/css/217012.html

猜你在找的CSS相关文章