Firefox extension that interacts with existing page content

Question

I am not a web programming expert but I would like to create a Firefox extension that rewrites pages' html and javascript code. This is a personal project so I can take my time and learn things as I go.

I haven't been able to locate a tutorial or existing extension that does both tasks.

Would you be able to point me in the right direction?

Thanks you so much!

-CxT

Answer 1

You're trying to accomplish two different things. My advice is to learn to do both independently. For extensions, these are great tutorials:

https://developer.mozilla.org/en/building_an_extension

http://www.rietta.com/firefox/Tutorial/overview.html

For "rewriting" a pages html, css, js:

http://ejohn.org/blog/hacking-digg-with-firebug-and-jquery/

Anything you don't understand in any of the tutorials, either google or ask here.

Enjoy!