Modifying browser via the contents of any web page

Just today I discovered a fun trick, based on Javascript, which helps make any editable web page with Firefox open as if you had to have a visual HTML editor such as Adobe Dreamweaver. With this system you can have fun is to amend the text content (including through cut & paste), both images and multimedia content by moving the mouse on the page.

There are essentially two methods essentially similar that differ only by the fact that the second using a bookmarklet:

Manually

Access to the site with Firefox you want to change (eg www.youtube.com)

Once loaded the home page, type the following text in the address bar:

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

then enter "Enter."

Automatic method (via bookmarlet)

Drag links within Firefox bookmark the following: Edit mode
Access to the site you want to change (eg www.youtube.com)
Once loaded the home page, identified links between the "Edit mode", click.

Regardless of the method used, the web page will now completely editable and you can start making sbizzarrirvi also literally to pieces!
As a practical application I can not see its many, if not perhaps be able to make some joke at your office colleague putting his name sull'home page of some famous newspaper, or a few quick tests on the layout of a site under construction without any After having to edit the HTML source.

Did you like this article? Sign up now to receive updates or news articles: