Imagine if you could open websites like Techmeme or New York Times or password protected WSJ in write-mode and change text or images at will as if you were editing some open wiki.
Well that’s quite possible through Edit Current Website - a bookmarklet that helps you change content of any web page live inside the browser - no need to install extensions like Firebug or learning HTML.
Edit current website - Drag this link to your bookmarks toolbar
The moment you press the Edit Website button from the bookmarks toolbar, the web page you are currently reading turns into an editable document - you can then edit text, move around images on the page or even remove them completely.
Related: Know Everything About a Website with Free Tools
Though the edits are temporary and disappear the moment your reload that page, the feature is handy if you are printing web pages or even for making fake screenshots.
TechZilo has a more extensive list of useful bookmarklets for web designers.
Find this article at: http://www.labnol.org/internet/design/edit-web-pages-like-wiki/3832/
web: http://www.labnol.org/ email: amit@labnol.org
Reader Comments
That was really cool…the magic of JavaScript!
Written by DWiner on 07.07.08
Thanks Amit Jee, A very nice and handy tool. Thanks for sharing.
Written by Hamid Ali Sofi on 07.07.08
Excellent bookmarklet.
I was using Firebug to achieve the same. But this bookmarklet is much better than Firebug for instantaneously editing the page.
Written by Gopinath M on 07.07.08
The bookmarklet added to Firefox 2.0 browser is not working. I tried editing couple of other sides. Hard luck…
Written by Gopinath M on 07.07.08
Works in Opera, too.
Written by Skoo on 07.07.08
Hi, very good tool.
Works fine on Firefox 3
Written by Rohit on 07.07.08
This is exactly what I need - thanks!!
Written by Scott on 07.07.08
Thanks for the link, Amit Sir.
I wonder why you linked to your “How much do I make from AdSense?” with the text ‘fake screenshots’. A ‘la Schoemoney check? :)
Written by Sumesh on 07.07.08
This is cool,
Thanks Amit for sharing
but how does this work for JSP websites?
Written by Udai on 07.07.08
Great find!! Way cool!!!
Written by Jennifer on 07.07.08
excellent bookmarklet!
Written by j wright on 07.07.08
Its so cooool, thanks Amit.
Written by Piyush K on 07.07.08
This is unbelievable and mind blowing, thanks for showing.
Written by Shradha Agarwal on 07.07.08
Use this to take it out of edit mode:
javascript:void(document.body.contentEditable=false);
Written by Bart on 07.07.08
This is better than an ethical hacking : )
Written by Kartik Kumar on 07.07.08
Cool stuff. Wicked brain starts ticking!
Written by RohitBlog on 07.07.08
Amazing stuff! Too good!
Written by Aadil on 07.07.08
If I’m not mistaken, contentEditable was pioneered by MS IE.
Written by Gaurav on 07.08.08
Hi Amit,
Thanks for the info, really cool stuff, actually the bookmarklet from your website is broken.
I try from the developer website and it working fine. Really cool tool.
Thanks, Cheers
Written by PC on 07.13.08
A very useful and a good tool. Helpful and informative post.Thanks
Written by Shivanand on 08.08.08
I see this as a problem for the legal community. How easy will it be to now hack a MySpace page, change it, and present it in court as evidence of…well, anything (?!?) against someone else. Very cool tech, but very dangerous as well.
Written by Mike C on 09.20.08