Come modificare via browser i contenuti di qualunque pagina web

Proprio oggi ho scoperto un divertente trucchetto, basato su Javascript, che consente di rendere modificabile qualunque pagina web aperta con Firefox come se aveste a disposizione un editor HTML visuale come ad esempio Adobe Dreamweaver. Grazie a questo sistema potrete divertirvi a modificare sia il contenuto testuale (anche attraverso cut&paste), sia le immagini e i contenuti multimediali spostandoli col mouse all’interno della pagina.

Ci sono essenzialmente due metodi essenzialmente analoghi che si differenziano solo per il fatto che il secondo utilizza un bookmarklet:

Metodo manuale

• Accedete con Firefox al sito che volete modificare (es www.youtube.com)
• Una volta caricata l’home page, digitate il seguente testo sulla barra degli indirizzi:

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

  quindi date “Invio“.

Metodo automatico (via bookmarlet)

• Trascinate all’interno dei Collegamenti di Firefox il seguente bookmarklet: Edit mode
• Accedete al sito che volete modificare (es www.youtube.com)
• Una volta caricata l’home page,individuate tra i Collegamenti la voce “Edit mode” e cliccateci sopra.

Indipendentemente dal metodo utilizzato, la pagina web diventerà subito completamente modificabile e potrete iniziare a sbizzarrirvi anche facendola letteralmente a pezzi!
Di applicazioni pratiche non ne vedo proprio tante, se non magari quella di poter fare qualche scherzo al vostro collega d’ufficio mettendo il suo nome sull’home page di qualche famoso quotidiano, oppure qualche test veloce sul layout di un sito in lavorazione senza ogni volta dover modificare il sorgente HTML.