Real Time Web Page Editing

If you read any of the popular SEO blogs, you might have recently read about the line of Javascript code that you can place in the URL bar in your browser which instantly makes a web page editable. If not, here’s the basics.

– Go to any website in your favorite browser of choice
– Delete the url in the URL bar and replace with this: javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
– Hit Return/Enter and start messing with stuff on the web page

This can’t hurt the actual page of the site, since you obviously do not have access to their server, but it can be very useful if you want to see how things would work by modifying the design of different pages. I thought this was a really cool tool, and decided to make it a little easier to use, and I turned it into a bookmarklet.

Just drag this link, Online Web Page Editor, to your bookmarks toolbar or bookmarks folder and anytime you’re on a page, you can just click it and start editing. How easy is that? Mess around with it and have some fun.

1 thought on “Real Time Web Page Editing”

Leave a Comment

Your email address will not be published. Required fields are marked *