Edit any website live in browser


On Blogstorm there’s an article that describes a simple method that allows you to edit any website live in your browser. You just have to type the following code in your address bar:

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
This helps a lot when you just want a quick preview of how the website would look with another text/without the menu and so on.
The method works in all modern browsers (Internet Explorer 6 also). The edit mode can be disabled by typing this code in the adress bar (doesn’t work in Firefox):
javascript:document.body.contentEditable='false'; document.designMode='on'; void 0
Of course, modern web development tools like Firebug also support this feature but for a quick change (you can simply bookmark the code line), this method is very nice I think.

Article postedPosted in @ 07/09/08