Firefox 57 / Quantum: emulate print styles

firefox firefox-quantum
nerdess picture nerdess · Dec 18, 2017 · Viewed 11.5k times · Source

How can I emulate the media type "print" in the new Firefox Quantum dev console?

Tried to enable it somehow and searched the documentation but couldn't find any hints!

Answer

MoritzLost picture MoritzLost · May 17, 2019

After the GCLI (Developer Toolbar) has been removed, the feature is now once again available in the latest nightly version of Firefox. Print style emulation can now be toggled from the styles panel in the Inspector of the Developer Tools. It's the little page icon in the upper right, next to the buttons to change the hover state, toggle classes and add CSS rules (toggled active in the screenshot):

Simulate media print in Firefox 68+

As of May 2019, this has not yet landed in the current stable release (66), but it is available in the current Developer Edition and the Nightly Channel (68.0a1 and above).

Update August of 2019 (v68)

Version 68 has landed in the stable release channel, so the feature is now available in all Firefox distributions.

Related questions

Hide scroll bar, but while still being able to scroll

I want to be able to scroll through the whole page, but without the scrollbar being shown. In Google Chrome it's: ::-webkit-scrollbar { display: none; } But Mozilla Firefox and Internet Explorer don't seem to work like that. I also tried this …

Read More
How to manually send HTTP POST requests from Firefox or Chrome browser?

I want to test some URLs on a web application I'm working on. For that I would like to manually create HTTP POST requests (meaning I can add whatever parameters I like). Is there any extension or functionality in Chrome …

Read More
Using <meta> tags to turn off caching in all browsers?

I read that when you don't have access to the web server's headers you can turn off the cache using: <meta http-equiv="Cache-Control" content="no-store" /> But I also read that this doesn't work in some versions of IE. …

Read More