CODEWITHSUNDEEP
cssmedia-queriesfirefox-developer-editionprint-stylefirefox-nightly
Garrett W.
Garrett W.

Reputation: 363

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

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.

Upvotes: 21

Views: 8288

Answers (1)

Juha M
Juha M

Reputation: 500

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!)

Upvotes: 23

Related Questions