# How to "media emulate print" without Developer Toolbar (GCLI)?

**URL:** <https://discourse.mozilla.org/t/how-to-media-emulate-print-without-developer-toolbar-gcli/30975>\
**Category:** Developer Tools\
**Created:** [August 16, 2018, 12:43am UTC](https://discourse.mozilla.org/t/how-to-media-emulate-print-without-developer-toolbar-gcli/30975 "2018-08-16T00:43:57Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![jscher2000](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/jscher2000/32/28202_2.png) [@jscher2000](https://discourse.mozilla.org/u/jscher2000)\
**Post date:** [August 16, 2018, 12:43am UTC](https://discourse.mozilla.org/t/how-to-media-emulate-print-without-developer-toolbar-gcli/30975/1 "2018-08-16T00:43:57Z")

</div>

The **media emulate** command line options are gone in Firefox 62+.

What’s the new way or plan for a new way? There might be a Browser Console hack, but I have not found it.

---

<div class="post-metadata">

**Author:** ![sole](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/sole/32/30646_2.png) [@sole](https://discourse.mozilla.org/u/sole)\
**Post date:** [August 20, 2018, 9:36am UTC](https://discourse.mozilla.org/t/how-to-media-emulate-print-without-developer-toolbar-gcli/30975/2 "2018-08-20T09:36:56Z")

</div>

Hello

Sorry that the command (and the [GCLI](https://docs.google.com/document/d/e/2PACX-1vSh02ilZT6BwMnYJ2XC_DrrN7GoIWktNAFlYLvGlTMyM7KFelrB6DBWBQEsgHIIiOCH561TWcTBevBk/pub)) are gone.

We are slowly bringing back the features that were used in the GCLI, but unfortunately this particular one is not migrated yet, as it wasn’t one of the most popular ones. We’re focusing on screenshots, color pickers, etc, still.

We have [a bug](https://bugzilla.mozilla.org/show_bug.cgi?id=1202711) to track exposing that functionality to the user perhaps on the Responsive design mode view, or with some sort of UI, rather than a console command, but we’d be interested in hearing from users of the feature on what their ideal UI would be. If you’re happy with the console way, that’s valuable to know; perhaps you wished in the past it were elsewhere. I want to hear those thoughts, if you’d be kind to share them with us 🙂

Thank you and apologies again!

---

<div class="post-metadata">

**Author:** ![jscher2000](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/jscher2000/32/28202_2.png) [@jscher2000](https://discourse.mozilla.org/u/jscher2000)\
**Post date:** [August 20, 2018, 2:33pm UTC](https://discourse.mozilla.org/t/how-to-media-emulate-print-without-developer-toolbar-gcli/30975/3 "2018-08-20T14:33:19Z")

</div>

I personally could use a toggle button that switches between screen and print.

A Chrome-style select control also would work if multiple media types need to be supported: [https://twitter.com/ChromeDevTools/status/966738610157338624](https://twitter.com/ChromeDevTools/status/966738610157338624)

---

<div class="post-metadata">

**Author:** ![gabe](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/gabe/32/24148_2.png) [@gabe](https://discourse.mozilla.org/u/gabe)\
**Post date:** [September 4, 2018, 6:38pm UTC](https://discourse.mozilla.org/t/how-to-media-emulate-print-without-developer-toolbar-gcli/30975/4 "2018-09-04T18:38:55Z")

</div>

I’m just chiming in to say that I would absolutely _love_ for this to be a feature available in the responsive design mode.

That mode is already invaluable for working with variable interface sizes, letting me toggle between different media types would make it that much better!

---

<div class="post-metadata">

**Author:** ![sole](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/sole/32/30646_2.png) [@sole](https://discourse.mozilla.org/u/sole)\
**Post date:** [September 7, 2018, 10:37am UTC](https://discourse.mozilla.org/t/how-to-media-emulate-print-without-developer-toolbar-gcli/30975/5 "2018-09-07T10:37:36Z")

</div>

@gabe: Thank you for the chime! It’s helpful! We talked about this feedback internally and we will aim to increase priority on these features on RDM 🙂

---

<div class="post-metadata">

**Author:** ![jscher2000](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/jscher2000/32/28202_2.png) [@jscher2000](https://discourse.mozilla.org/u/jscher2000)\
**Post date:** [September 8, 2018, 2:04am UTC](https://discourse.mozilla.org/t/how-to-media-emulate-print-without-developer-toolbar-gcli/30975/6 "2018-09-08T02:04:16Z")

</div>

Would it be quicker to add as a Helper command in the Web Console since that wouldn’t require adding UI? I see `:screenshot` has landed there in Firefox 62:

[https://developer.mozilla.org/docs/Tools/Web\_Console/Helpers](https://developer.mozilla.org/docs/Tools/Web_Console/Helpers)

---

<div class="post-metadata">

**Author:** ![pursuitofloot](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/pursuitofloot/32/24327_2.png) [@pursuitofloot](https://discourse.mozilla.org/u/pursuitofloot)\
**Post date:** [September 21, 2018, 8:53am UTC](https://discourse.mozilla.org/t/how-to-media-emulate-print-without-developer-toolbar-gcli/30975/7 "2018-09-21T08:53:05Z")

</div>

Just adding another voice to the chorus of people who want this feature to return. I have a firefox-only print error that I need to debug and without that tool I am stumped 😕

---

<div class="post-metadata">

**Author:** ![rittmeyer](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/rittmeyer/32/24334_2.png) [@rittmeyer](https://discourse.mozilla.org/u/rittmeyer)\
**Post date:** [September 21, 2018, 6:05pm UTC](https://discourse.mozilla.org/t/how-to-media-emulate-print-without-developer-toolbar-gcli/30975/8 "2018-09-21T18:05:33Z")

</div>

I strongly want to support this feature request.

I’ve just learned about the Developer Toolbar about one month ago. Before then, whenever I had to test know how s.th. is rendered when printed I used to use Chrome. Which of course is not sufficient for this specific use case if you want to know how FF prints it. And always using the print preview is not the nicest option either 🙂

---

<div class="post-metadata">

**Author:** ![jscher2000](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/jscher2000/32/28202_2.png) [@jscher2000](https://discourse.mozilla.org/u/jscher2000)\
**Post date:** [September 21, 2018, 7:29pm UTC](https://discourse.mozilla.org/t/how-to-media-emulate-print-without-developer-toolbar-gcli/30975/9 "2018-09-21T19:29:54Z")

</div>

As a temporary workaround, you could try this function in the Web Console:

> <https://gist.github.com/jscher2000/f29d5d12713fa9afb40029bdb55e9c99>

I don’t have a lot of sites to test on so there probably are numerous cases it doesn’t handle. Feedback welcomed before I post it as a userscript for Violentmonkey / Greasemonkey / Tampermonkey, or feel free to take it and run with it.

---

<div class="post-metadata">

**Author:** ![Alman](https://avatars.discourse-cdn.com/v4/letter/a/9e8a1a/32.png) [@Alman](https://discourse.mozilla.org/u/Alman)\
**Post date:** [September 23, 2018, 8:52pm UTC](https://discourse.mozilla.org/t/how-to-media-emulate-print-without-developer-toolbar-gcli/30975/10 "2018-09-23T20:52:24Z")

</div>

I’d like to add myself to request this urging feature, too.

I often print software documentation to be able to learn offline. To do so I remove unnecessary or overlaying navigation/header/footer HTML nodes from a web page before printing. For this I need to examine what the page looks like when printed. Then I can remove or alter these nodes in Inspector while CSS media emulation is still turned on.

Please re-add. A combobox in Web Tools (with auto-complete) will do (plus a Clear button to reset).

---

<div class="post-metadata">

**Author:** ![amyc](https://avatars.discourse-cdn.com/v4/letter/a/ea5d25/32.png) [@amyc](https://discourse.mozilla.org/u/amyc)\
**Post date:** [September 26, 2018, 4:23am UTC](https://discourse.mozilla.org/t/how-to-media-emulate-print-without-developer-toolbar-gcli/30975/11 "2018-09-26T04:23:28Z")

</div>

Wanted to voice support for this feature. A colleague of mine is being forced to use Chrome because this functionality is crucial to their job.

---

<div class="post-metadata">

**Author:** ![jscher2000](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/jscher2000/32/28202_2.png) [@jscher2000](https://discourse.mozilla.org/u/jscher2000)\
**Post date:** [September 26, 2018, 11:29pm UTC](https://discourse.mozilla.org/t/how-to-media-emulate-print-without-developer-toolbar-gcli/30975/12 "2018-09-26T23:29:53Z")

</div>

> [@Alman](#):
>
> I often print software documentation to be able to learn offline. To do so I remove unnecessary or overlaying navigation/header/footer HTML nodes from a web page before printing. For this I need to examine what the page looks like when printed.

I’m not sure this feature will address all of that because it doesn’t paginate the media, so you can’t tell when fixed position elements are going to be a problem. Print Preview can help with that.

---

<div class="post-metadata">

**Author:** ![Alman](https://avatars.discourse-cdn.com/v4/letter/a/9e8a1a/32.png) [@Alman](https://discourse.mozilla.org/u/Alman)\
**Post date:** [September 27, 2018, 11:23am UTC](https://discourse.mozilla.org/t/how-to-media-emulate-print-without-developer-toolbar-gcli/30975/13 "2018-09-27T11:23:05Z")

</div>

Actually, `media emulate print` worked for me. Fortunately, pagination has not been a problem for me ever since. I cannot remember pagination being a problem.

You know, with Print Preview I cannot edit the printed result before it can be printed:

 ![Missing%20media%20emulate%20print](https://us1.discourse-cdn.com/flex001/uploads/mozilla/original/3X/0/7/07174d173ee74c452d5f299dba50c75a5ea971be.gif)

Removing all the unnecessary page chrome is crucial for printing. It’s weird, documentation teams seem to add `@media print` rules (the web page looks different with `media emulate print` enabled), but apparently not for printing.

I regularly encourage documentation teams to add `@media print` rules targeted for easy printing. However, the word doesn’t spread easily. Currently, the only ones I know of to actually maintain meaningful `@media print` CSS styles are Microsoft and the [AngularJS](https://github.com/angular/angular/issues/23431) team.

---

<div class="post-metadata">

**Author:** ![howiecha](https://avatars.discourse-cdn.com/v4/letter/h/7ba0ec/32.png) [@howiecha](https://discourse.mozilla.org/u/howiecha)\
**Post date:** [October 17, 2018, 3:23pm UTC](https://discourse.mozilla.org/t/how-to-media-emulate-print-without-developer-toolbar-gcli/30975/15 "2018-10-17T15:23:11Z")

</div>

I’m also missing this feature. I like the addition of `:screenshot`, but I really need the `media emulate print` feature for Firefox and print preview really isn’t good enough for debugging print media.

---

<div class="post-metadata">

**Author:** ![doganmeh](https://avatars.discourse-cdn.com/v4/letter/d/dec6dc/32.png) [@doganmeh](https://discourse.mozilla.org/u/doganmeh)\
**Post date:** [November 26, 2018, 10:24pm UTC](https://discourse.mozilla.org/t/how-to-media-emulate-print-without-developer-toolbar-gcli/30975/16 "2018-11-26T22:24:19Z")

</div>

I, too, do need it, for debugging.

---

<div class="post-metadata">

**Author:** ![iamdeveloperchris](https://avatars.discourse-cdn.com/v4/letter/i/f4b2a3/32.png) [@iamdeveloperchris](https://discourse.mozilla.org/u/iamdeveloperchris)\
**Post date:** [November 26, 2018, 11:22pm UTC](https://discourse.mozilla.org/t/how-to-media-emulate-print-without-developer-toolbar-gcli/30975/17 "2018-11-26T23:22:36Z")

</div>

I was completely shocked by the dropping of this most important developer tool. Not used a lot but when needed TOTALLY INVALUABLE.

Firefox is slowly disenfranchising its main and in my opinion most important user base. Developers, Its us that promote firefox as the must have browser. Without us mozilla firefox wont have a user base.

For the time being I am using Waterfox as it still allows the use of critical plugins and media emulate still works.

Once again bitterly disappointed with the direction Firefox is insisting on going down

---

<div class="post-metadata">

**Author:** ![michael.prescott](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/michael.prescott/32/30636_2.png) [@michael.prescott](https://discourse.mozilla.org/u/michael.prescott)\
**Post date:** [December 6, 2018, 7:46pm UTC](https://discourse.mozilla.org/t/how-to-media-emulate-print-without-developer-toolbar-gcli/30975/18 "2018-12-06T19:46:47Z")

</div>

Landed here looking for the same thing. I’m dealing with tens of thousands of pages of content across many documents that need lots of revisions and improvements that will be printed. Chrome provides emulation, but I had high hopes that Firefox had something even better, specifically developer insight into page breaking behavior. It’s a real pain to have to go to PDF preview, especially when our content has hundreds of pages per document.

---

<div class="post-metadata">

**Author:** ![Glorbington](https://avatars.discourse-cdn.com/v4/letter/g/51bf81/32.png) [@Glorbington](https://discourse.mozilla.org/u/Glorbington)\
**Post date:** [December 6, 2018, 9:06pm UTC](https://discourse.mozilla.org/t/how-to-media-emulate-print-without-developer-toolbar-gcli/30975/19 "2018-12-06T21:06:56Z")

</div>

I use this feature maybe twice a year, but when I need it, it’s crucial.

---

<div class="post-metadata">

**Author:** ![samuelm](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/samuelm/32/25420_2.png) [@samuelm](https://discourse.mozilla.org/u/samuelm)\
**Post date:** [December 13, 2018, 7:49pm UTC](https://discourse.mozilla.org/t/how-to-media-emulate-print-without-developer-toolbar-gcli/30975/20 "2018-12-13T19:49:58Z")

</div>

My voice also in support of this feature. I want to tweak how some pages are printed, and I prefer the CSS support of Firefox to that of other browsers. However, I cannot emulate the media print.

---

<div class="post-metadata">

**Author:** ![mariusfv](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/mariusfv/32/30644_2.png) [@mariusfv](https://discourse.mozilla.org/u/mariusfv)\
**Post date:** [December 15, 2018, 9:02pm UTC](https://discourse.mozilla.org/t/how-to-media-emulate-print-without-developer-toolbar-gcli/30975/21 "2018-12-15T21:02:37Z")

</div>

Firefox is no longer a browser to use in the office, at work. In our office more than 100 employees have gone to Google Chrome just because it has the function “Save as PDF as default” at print options.

Before v62 we installing doPDF as virtual printer and using Firefox, now we can not customize @media print because we do not have Emulate media print, so the only solution we have is Google Chrome.

Firefox has become a browser just for kids and newbies, in business and at work has dramatically lost ground!

[Next page](https://discourse.mozilla.org/t/how-to-media-emulate-print-without-developer-toolbar-gcli/30975.md?page=2)