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.
Firefox has now a simple button for print emulation: Inspect Element, click the page symbol (blue in the picture).
(From https://css-tricks.com/can-you-view-print-stylesheets-applied-directly-in-the-browser/, thanks!)
- HTML & CSS: How to style an HR tag to have a title embedded in it
- How to align DIV right or left or center in CSS without absolute positioning?
- google chrome inspect element - invalid property name - browser specific?
- The size of the image is too big for the button... Any tips?
- How to apply the style only if next element has specific class?
- How to Center the Middle Child Element in a Flexbox Parent with Uneven Widths?
- adding .css file to ejs
- Background change based on button hovered
- Fit image inside div without stretching
- Can't get sticky row and column at the same time due to overflow-x
- Trying to show two different images depending on two media queries
- tailwind justify-center not working - reactjs
- Prevent BODY from scrolling when a modal is opened
- How to flip iron-icon vertically in css
- 7 equal columns in bootstrap
- Masking a part of a border
- External link to a div on a one page Bootstrap site
- GNOME Shell Theme css documentation
- PrimeVue InputNumber's width exceeds the width of its parent
- How to Center Main Menu in Rehub Theme on Desktop/Laptop only?
- How do I get Tailwind's active breakpoint in JavaScript?
- Make a grid item span to the last row / column in implicit grid
- Js remove all classes from element
- remove underline in inputText in React Native
- How do I place two rows in a td cell: top and bottom of the cell?
- Custom Checkbox not working in Contact Form 7
- How do I make my text stay within my div column with a scroll bar?
- Is there a way to make a grayscale filter apply to the rest of the page when hovering over an element?
- Bootstrap _reboot.scss overriding PrimeNG styles
- Tailwind underline hover animation