Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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.

like image 453
Garrett W. Avatar asked Jul 12 '18 15:07

Garrett W.


1 Answers

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

like image 136
Juha M Avatar answered Oct 21 '22 19:10

Juha M