How do I emulate a CSS print media type in Firefox Developer Edition?
Asked Answered
W

1

19

As you can see here, the Developer Toolbar has been removed from the latest versions of Firefox, so I can't run a "media emulate print" command anymore. I would prefer to not have to use Chrome to debug my print styles, so is there any other way to turn on that functionality in Firefox?

Edit: the Web Developer extension is not an option because it only works with <link> tags that have the media="print" attribute -- not print media queries contained in normal CSS files.

Before anyone marks this as a duplicate: I've already seen this question (which does not apply to the current Developer Edition) and this question (which tells me how to do it in Chrome). And I don't have enough rep to do anything other than post a new question.

Wichern answered 12/7, 2018 at 15:45 Comment(0)
A
19

Firefox has now a simple button for print emulation: Inspect Element, click the page symbol (blue in the picture).

Isnpect Element view

(From https://css-tricks.com/can-you-view-print-stylesheets-applied-directly-in-the-browser/, thanks!)

Apologia answered 23/8, 2020 at 14:49 Comment(1)
On Firefox 113, the button does almost nothing. I'd love it to switch rendering into print-media to help me fixing CSS.Elledge

© 2022 - 2024 — McMap. All rights reserved.