是否可以使用“打印”媒体类型在 Firefox 中查看页面?

gaa*_*kam 24 firefox printing css

我不是在谈论打印预览 - 我的意思是“正常”在 Firefox 中查看网页,可以访问例如 F12 开发人员工具,但我希望布局与打印页面一样。

小智 32

Devtools 屏幕截图,带有漂亮且友好的 ponting 箭头

现在(2019 年 6 月)开发工具中有一个不错的按钮。请参阅上面@interDist 的回答中提到的讨论

  • 有关上下文的其他提示:这实际上位于“Inspector”选项卡及其子视图“Rules”内,该部分显示当前所选 DOM 节点所应用的 CSS 规则。该按钮的提示显示“切换页面的打印介质模拟”。起初,我在 Web 开发人员工具的顶部工具栏中寻找这个。 (4认同)

gaa*_*kam 10

https://developer.mozilla.org/pl/docs/Tools/GCLI:使用 Shift+F2 启动开发人员工具栏,然后键入:media emulate print

不知何故,它并没有解决我的问题,这个命令后我看到的内容与打印预览和打印出来的内容不同...... :(


int*_*ist 9

截至 2018 年 9 月,不,没有这样的选择。@gaazkam 提到的开发者工具栏已于 2018 年 9 月在 Firefox 62 中删除。DevTools 中的命令没有替代品media emulate,尽管现在命令行界面消失了,它可能会被赋予一些优先级。讨论也在这里:https : //discourse.mozilla.org/t/how-to-media-emulate-print-without-developer-toolbar-gcli/30975

  • 2019年读书?DevTools 右上角有一个图标,看起来像一个角落折叠的页面。见亚历山大鲁茨的回答。 (2认同)

小智 8

这可以使用开发人员工具通过按样式面板中的“切换页面的打印介质模拟”按钮来完成。

打印工具示例