x Ways To Manipulate Websites In Firefox - gHacks Tech News

x Ways To Manipulate Websites In Firefox

The Firefox web browser offers an user several ways of manipulating web sites in realtime. The article discusses several of the possibilities that are available ranging from popular Firefox add-ons to userscripts and other means of website manipulation.

We would like to encourage you to post additional tips and hints about website manipulation in the comments of this article so that the page becomes as comprehensive as possible. All methods of manipulating websites have been tested with all recent versions of the Firefox web browser. Most will probably also work in previous versions of the web browser.

1. Userscripts and Greasemonkey

Greasemonkey and its userscripts are probably the most popular and known method of manipulation website contents in real time.

Thousands of userscripts exist that add, remove or modify elements and features of web services. Some classic examples are changing the design of Gmail, adding new features to the Internet Movie Database IMDB or skipping the wait time at popular file hosts.

Generation of scripts requires web development knowledge, especially of html, JavaScript and CSS as these are used to alter the contents of the websites.

2. Platypus - Modify Websites Without Programming Skills

platypus

Platypus allows you to modify websites without any programming skill requirements. This limits the reach of the Firefox add-on a bit as it is not possible to reach the depth of Greasemonkey. Possible options are to permanently remove elements from websites, change style attributes, change the font and background colors to black and white or to remove fixed sizes and positioning on a page. [Update: not compatible with the most recent versions of Firefox).

3. Stylish - Modify CSS

google

The Stylish add-on for Firefox and its accompanying userstyles directory provide access to new styles that manipulate the CSS of a website.It can be used to remove, add, move and manipulate elements on a website permanently. The screenshot above shows the popular Atistic Google userstyle.

4. Yet Another Remove It Permanently

google search

Yet Another Remove It Permanently is an add-on for the Firefox web browser that makes it possible to remove elements on websites permanently. Can for example be used to remove advertisement from Google Search results or images from websites. Basically any element can be removed with this add-on. A similar add-on is Nuke Anything Enhanced.

5. Firebug

firebug

Firebug is first and foremost an add-on for Firefox that presents lots of useful information to web developers. What many do not know is that it comes with the capabilities to manipulate elements on a website. It is probably not the first choice for this kind of manipulations but this comes in handy when testing different kinds of layouts, color combinations or fonts.

6. NoScript and Adblock Plus

Both the NoScript and the Adblock Plus add-on for Firefox are primarily being used to prevent scripts and advertisements from being displayed on the user's computer monitor. This does make them limited tools for modifying websites.

7. Aardvark

Aardvark can be used to isolate or remove elements from websites.Has been primarily been designed to remove unneeded elements before printing a website.

Verdict:

There are definitely a lot possibilities to modify websites in Firefox; Certainly more than have been mentioned in this post. Probably the easiest possibilities are in the form of Greasemonkey. If you know of any additional add-ons that should be mentioned let us know in the comments.





  • 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 (video ads) or subscription fees.

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

    Comments

    1. BalaC said on June 16, 2009 at 12:46 pm
      Reply

      @Martin,

      You can include mozilla labs ubiquity. Where in it has edit-page command which perfectly suites my need (Removing unwanted element before i give print).

    2. Scott said on June 16, 2009 at 8:52 pm
      Reply

      It’s worth nothing that Platypus generates a Greasemonkey script, so it’s really a GUI for Greasemonkey. Also, the “Repair” button in Platypus does a good job of automatically cleaning up a lot of typical web pages.

    3. Thinker said on June 16, 2009 at 10:53 pm
      Reply

      Firebug is the absolute best choice for debugging :) It’s my favourite plugin.

    4. Calgary web design said on January 7, 2010 at 6:14 pm
      Reply

      Gotta Love firefox

    Leave a Reply