Hack The Web, Remove Elements Before Printing In Firefox - gHacks Tech News

Hack The Web, Remove Elements Before Printing In Firefox

Back in 2007 I looked at two Firefox add-ons to prepare websites before printing them. Preparing in this case meant to remove unnecessary elements like advertisement, chat boxes or sidebar links from the page to save printer ink and get only the relevant information on a printed page (see best way to print websites).

At least one of the extensions mentioned in the guide, Aardvark, has not been updated in recent times. The last update dates back to February 2010 which more or less means that the extension is no longer actively developed and some users have noticed incompatibilities with recent versions of the Firefox web browser.

That's the main reason that Hack The Web was created. The Firefox add-on offers a similar functionality when compared to Aardvark  as it can be used to remove page elements from the active website.

Whenever you want to print a page you can right-click on the page and select to start Hack the Web. Another option that you have is to display the button of the extension in a toolbar to activate it with a click on it instead.

start hack the web

You will notice then that page elements are highlighted with a red border when you move the mouse cursor over them.

print websites

The highlighted element is removed when you click the left mouse button. You can alternative press the r key to do the same. If you have deleted a page element by accident you can get it back by pressing u for undo. Other keys of interest are w for making the element wider, n for narrower, d for removing the width limit of the element, l for turning the background color to white, b for black on white text and I for removing all elements but the selected element. The q key quits the editing mode.

Please note that all page elements will reappear if you reload the page or click on a link to open another page.

The extension offers several advanced commands that include adding global JavaScript variables, pasting a removed element in another location on the page or killing the selected element permanently which only works if the Remove it Permanently extension is installed.

Once you are done editing you can print the remaining elements of the web page on the printer or save it in its current state if you only want to save the information that remain on the screen after you have made your modifications.

Firefox users can download and install the Hack The Web extension from the official Firefox Add-on repository.

Summary
software image
Author Rating
1star1star1star1stargray
no rating based on 0 votes
Software Name
Hack The Web
Landing Page

We need your help

Advertising revenue is falling fast across the Internet, and independently-run sites like Ghacks are hit hardest by it. The advertising model in its current form is coming to an end, and we have to find other ways to continue operating this site.

We are committed to keeping our content free and independent, which means no paywalls, no sponsored posts, no annoying ad formats or subscription fees.

If you like our content, and would like to help, please consider making a contribution:

Comments

  1. Efthimios said on October 24, 2011 at 9:52 am
    Reply

    ScrapBook is another great add-on of this type.

  2. B. Moore said on October 24, 2011 at 9:55 am
    Reply

    There is an AWESOME bookmarklet called The Printliminator made by Chris Coyier and Devon Govett. over at css-tricks.com

    http://css-tricks.com/examples/ThePrintliminator/

    I highly recommend using The Printliminator instead of installing another add-on that adds to the bloat of the rest of the Firefox add-ons you have already installed.

    1. Martin Brinkmann said on October 24, 2011 at 10:25 am
      Reply

      Excellent, thanks for posting.

    2. Robert Palmar said on October 24, 2011 at 8:00 pm
      Reply

      I prefer a bookmarklet to for this.
      I have been using PrintWhatYouLike:
      http://www.printwhatyoulike.com/bookmarklet

      I just added The Printliminator to the arsenal of tools.

      1. Robert Palmar said on October 24, 2011 at 8:02 pm
        Reply

        And I agree with you the less bloat the better.

  3. Masoud Sh. said on October 24, 2011 at 10:09 am
    Reply

    Very useful, Thanks a lot.

  4. Swapnil said on October 24, 2011 at 12:49 pm
    Reply

    There an awesome thing called MediaPlus, a tool to take control over web media content.

    MediaPlus can also delete images, HTML5 videos, Flash videos and other things like Flash ads and games.
    And if you want something to be smaller, you can even resize the media content like videos and images.
    So it also allows to prepare webpages for printing by removing any videos and pictures and even resizing them.

    MediaPlus homepage-

    http://nparashuram.com/projects/flashresizer.html

    And there are MediaPlus extensions for Firefox, Chrome and Opera browsers.

  5. Picsou said on October 24, 2011 at 1:46 pm
    Reply

    Hello all,

    There is too Print Edit Extension not to bad.
    https://addons.mozilla.org/en-US/firefox/addon/print-edit/

    Picsou

  6. Roman ShaRP said on July 25, 2012 at 6:44 pm
    Reply

    For this purpose I’m still using Readability 1.9 . It removes most of unneeded elements with just one click, and works correctly in most cases.

Leave a Reply

Check the box to consent to your data being stored in line with the guidelines set out in our privacy policy

Please note that your comment may not appear immediately after you post it.