X
Tap here to go to the mobile version of the site.

Support Forum

How do I print a web page without color ink?

Posted

I want to print web pages without using my color ink.

I want to print web pages without using my color ink.

Chosen solution

{ Ctrl + P } then open Properties for that printer. Then locate the Color / Grayscale toggle in the Print driver software.

Read this answer in context 1

Additional System Details

Installed Plug-ins

  • Adobe PDF Plug-In For Firefox and Netscape 15.10.20056
  • BrowserPlus -- Improve your browser! -- http://browserplus.yahoo.com/
  • GEPlugin
  • Google Update
  • NPRuntime Script Plug-in Library for Java(TM) Deploy
  • Next Generation Java Plug-in 11.45.2 for Mozilla browsers
  • McAfee MSC FF plugin DLL
  • McAfee Virtual Technician plugin
  • A component of your photo software powered by RocketLife
  • Shockwave Flash 21.0 r0
  • 5.1.41212.0
  • VLC media player Web Plugin
  • NPWLPG
  • Yahoo Application State Plugin version 1.0.0.7

Application

  • User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:45.0) Gecko/20100101 Firefox/45.0

More Information

Seburo
  • Top 10 Contributor
  • Moderator
775 solutions 5669 answers

Hi

I do not think that this is an issue with Firefox, but I will try to help.

In the printer settings on your computer, you should see the option to print in black and white. If you select this, it should print out the page without using any colour toner.

Hi I do not think that this is an issue with Firefox, but I will try to help. In the printer settings on your computer, you should see the option to print in black and white. If you select this, it should print out the page without using any colour toner.
FredMcD
  • Top 10 Contributor
4245 solutions 59390 answers

Some printers offer black & white. Check your manual.

Some printers offer black & white. Check your manual.
jscher2000
  • Top 10 Contributor
8689 solutions 71030 answers

You could consider injecting a style rule into the page that instructs Firefox to render it in grayscale for printing. This probably isn't a complete solution, but it seems to show everything in grayscale in print preview on the pages I looked at for testing.

To most easily hack pages, you can use a bookmarklet, a script saved as a bookmark for quick use. Here's how to create that:

(1) Select this entire script and right-click > Copy it:

javascript:var s = document.createElement("style"); s.setAttribute("type", "text/css"); var t = '@media print{body, div, p, span, h1, h2, h3, h4, ul, ol, li, table, tbody, thead, tfoot, th, td, pre, code, blockquote, img, strong, em, font, [src], [style] {filter: grayscale(100%) !important;} html{background-color:transparent !important; background-image:none !important;}}'; s.appendChild(document.createTextNode(t)); document.body.appendChild(s); void 0;

(2) Right-click a convenient place on your Bookmarks Toolbar or Bookmarks Menu and choose New Bookmark

(3) Click in the empty box next to Location and paste the script

(4) Assign a relevant name like GrayPrint

(5) Click the Add Bookmark button

To test it out, click the button on any page. Then use the Print Preview feature and the colors should be converted to gray values. Hopefully your printer will see it as a B&W page as a result (but I don't have any way to test that...).

(There are some sites that use a Content Security Policy to forbid external scripts from being applied. On those sites, this button will do nothing.)

You could consider injecting a style rule into the page that instructs Firefox to render it in grayscale for printing. This probably isn't a complete solution, but it seems to show everything in grayscale in print preview on the pages I looked at for testing. To most easily hack pages, you can use a bookmarklet, a script saved as a bookmark for quick use. Here's how to create that: (1) Select this entire script and right-click > Copy it: <code>javascript:var s = document.createElement("style"); s.setAttribute("type", "text/css"); var t = '@media print{body, div, p, span, h1, h2, h3, h4, ul, ol, li, table, tbody, thead, tfoot, th, td, pre, code, blockquote, img, strong, em, font, [src], [style] {filter: grayscale(100%) !important;} html{background-color:transparent !important; background-image:none !important;}}'; s.appendChild(document.createTextNode(t)); document.body.appendChild(s); void 0;</code> (2) Right-click a convenient place on your Bookmarks Toolbar or Bookmarks Menu and choose New Bookmark (3) Click in the empty box next to Location and paste the script (4) Assign a relevant name like GrayPrint (5) Click the Add Bookmark button To test it out, click the button on any page. Then use the Print Preview feature and the colors should be converted to gray values. Hopefully your printer will see it as a B&W page as a result (but I don't have any way to test that...). (There are some sites that use a Content Security Policy to forbid external scripts from being applied. On those sites, this button will do nothing.)
the-edmeister
  • Top 25 Contributor
  • Moderator
5397 solutions 40140 answers

Chosen Solution

{ Ctrl + P } then open Properties for that printer. Then locate the Color / Grayscale toggle in the Print driver software.

'''{ Ctrl + P }''' then open Properties for that printer. Then locate the '''Color''' / '''Grayscale''' toggle in the Print driver software.