Routine Order

Routine Order random header image

Edit Displayed Page In Your Browser

March 22nd, 2007 · No Comments

Ever wondered what a page would look like without that image/block of text/header? When designing pages, and when in doubt regarding whether or not to have something on your blog/webpage, it might be useful to be able to check what your page would look like without the item in question.

Javascript comes to the rescue. To edit any displayed page in the browser, by selecting and deleting, or adding text/images/stuff, you can visit the page and put the following in the URL Location bar:
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

Now you will find that you can edit the page, as if it were a word document or something! Go on, try it right now.
(via Free Software Blog)