Here’s a nifty little javascript code trick that allows you to edit any website that is displayed on your browser. Of course, this doesn’t mean that you’re actually editing the page on the server. This code will only allow you edit the page that is displayed on your browser, while the actual page located on the server is untouched.

Just paste the following lines into the address of your browser and press enter. Start editing the page and then, if you want, save the page using the browser’s “Save page” feature.

javascript:document.body.contentEditable=’true’; document.designMode=’on’; void 0

Try it on this page :)

Why could this be useful? Well for bloggers or web designers, this is a very fast way to see how certain text would look like on your page with certain words. Besides editing the text, you can also move any image around.

And if you have a colleague or a friend who’s has a website or blog, open the site on your browser, paste this code, enter words like “HACKED BY BADAZZ”, get a snapshot, email it and say the site has been hacked. That would be funny! Hopefully the laughter will help you get over the punches you’ll receive though.

via blogstorm