x Ways To Manipulate Websites In Firefox

Martin Brinkmann
Jun 15, 2009
Updated • Apr 1, 2014
Firefox, userscripts
|
7

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 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.

Advertisement

Tutorials & Tips


Previous Post: «
Next Post: «

Comments

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

    Gotta Love firefox

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

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

  3. 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.

  4. 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).

Leave a Reply

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

We love comments and welcome thoughtful and civilized discussion. Rudeness and personal attacks will not be tolerated. Please stay on-topic.
Please note that your comment may not appear immediately after you post it.