Alex @ Net

I like the tips and GreaseMonkey is really the king of all tips in the FireFox. With it you can do anything you want with the page: add tags and behaviors, hide unwanted content, add your own UI elements.

And today I've created a small and nice script that hides an unwanted content on a page. For example, let's imagine that we need to hide content of the ... tag.

At first, we need to install the Greasemonkey: just open its page on addons.mozilla.org:
https://addons.mozilla.org/firefox/addon/748 and click the "Add to Firefox" button, confirm the install and restart Firefox.

Then open Tools -> Greasemonkey -> New User Script or right-click on the smiling monkey face in the bottom-left corner of the Firefox window and click on the "New User Script" menu item.

Name your script as "Hide Text in Span", select the pages on which it will be started and click Ok. Then Greasemonkey will ask you for the text editor that you prefer and after selecting it (please do not select MS Word :-), it will open the editor and you can start writing the script.

The script is actually a JavaScript code that will be executed right before the page is displayed in the browser so you have access to the document object and so on.

The code that hides the span content may look like:

(function () {
var tags = document.getElementsByTagName('span');
for (var key in tags)
with (tags[key])
if (getAttribute('style') == 'color: red;') style.display = 'none';
})();

Then just save the file, close the editor, click Ok in the Greasemonkey dialog and open the page with the annoying content.

BTW, with a few tricks you can profile and debug your greasemonkey scripts in Firebug.