如何在 Firefox 开发者版中模拟 CSS 打印媒体类型？
Posted
技术标签:
【中文标题】如何在 Firefox 开发者版中模拟 CSS 打印媒体类型？【英文标题】：How do I emulate a CSS print media type in Firefox Developer Edition? 【发布时间】：2018-12-20 22:20:18 【问题描述】：如您所见here，开发者工具栏已从最新版本的 Firefox 中移除，因此我无法再运行“媒体模拟打印”命令。我宁愿不必使用 Chrome 来调试我的打印样式，那么有没有其他方法可以在 Firefox 中打开该功能？
编辑：Web Developer 扩展不是一个选项，因为它只适用于具有 media="print" 属性的 <link> 标记——不能打印包含在普通 CSS 文件中的媒体查询。
在任何人将此标记为重复之前： 我已经看过this question（不适用于当前的开发者版）和this question（告诉我如何在Chrome 中进行操作）。除了发布一个新问题之外，我没有足够的代表做任何事情。
【问题讨论】：
【参考方案1】：Firefox 现在有一个简单的打印模拟按钮：检查元素，单击页面符号（图中的蓝色）。
（从 https://css-tricks.com/can-you-view-print-stylesheets-applied-directly-in-the-browser/，谢谢！）
【讨论】：
以上是关于如何在 Firefox 开发者版中模拟 CSS 打印媒体类型？的主要内容，如果未能解决你的问题，请参考以下文章
如何模拟像素比以在 Windows 上使用 Google Chrome 或 Firefox 测试媒体查询？
如何手动模拟 websocket 断开连接？ （Firefox 或 Chrome 开发工具）
Chrome 或 Firefox 中的 Web 开发人员模式：如何获取对象的 CSS 完整选择器？