leonardo.it

Come modifcare qualsiasi pagina web al volo, nel proprio browser

 
@naqern (Andrea Guida)
11 luglio 2008
14 commenti

Per quanto illegale, sbagliato e poco raccomandabile, è un qualcosa di pressoché innegabile: ogni geek, nel suo inconscio, sogna di hackerare i siti più famosi del mondo, per il puro gusto di riuscirci e – perché no – lasciare un segno, una firma, una foto.

Proprio per questo, oggi noi di Geekissimo vogliamo suggerirvi uno di quei trucchetti, all’apparenza non troppo utili (e forse nemmeno solo all’apparenza), ma che riescono a dare soddisfazione e divertimento come poche cose al mondo.

Che ne direste di stravolgere l’home page di Google, fare un articolo a voi dedicato sulla pagina principale del sito della CNN o essere il titolo di apertura del New York Times on-line? Può sembrare quasi incredibile, ma basta solo un browser, un indirizzo speciale, un click, ed il gioco è fatto… ma solo sul vostro desktop!


Per capire meglio cosa intendiamo, provate ad aprire qualsiasi sito web nel vostro browser preferito (va bene anche la pagina contenente questo post), digitate nella barra degli indirizzi quanto segue e premete il tasto Invio:

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

*da riscrivere e non incollare

Et voilà – quasi come per magia – la pagina visualizzata nel browser è appena diventata modificabile in ogni suo aspetto. Si possono cancellare gli elementi che la compongono, spostarli, inserire nuove scritte, sostituire quelle già esistenti, e così via.

Purtroppo il risultato di tutto ciò non è salvabile, ma si può sempre fare uno screenshot, utile per fare qualche scherzo agli amici o a corredare il post di qualche blog.

Buon divertimento a tutti!

Articoli Correlati
YARPP
Gioca ad Angry Birds e Fruit Ninja su qualsiasi pagina web

Gioca ad Angry Birds e Fruit Ninja su qualsiasi pagina web

Ammettiamolo, ci sono momenti in cui navigare online può diventare particolarmente noioso, specie se, a prescindere dalla motivazione, ci si ritrova a girovagare per i meandri del web da diverse […]

FloatNotes, aggiungere post-it su qualsiasi pagina web visualizzata

FloatNotes, aggiungere post-it su qualsiasi pagina web visualizzata

I più assidui lettori di Geekissimo di certo ricorderanno quando, non molto tempo addietro, avevamo avuto modo di dare uno sguardo ad un’utile e simpatica estensione tutta dedicata a Google […]

ActiveDesktop, visualizzare qualsiasi pagina web direttamente sul proprio desktop

ActiveDesktop, visualizzare qualsiasi pagina web direttamente sul proprio desktop

Spesso capita che, per un motivo o per un altro, risulta necessario monitorare costantemente una determinata pagina web con l’inevitabile conseguenza di dover tenere continuamente aperta una finestra del proprio […]

Ottimizza qualsiasi pagina web per la stampa con Print What You Like

Ottimizza qualsiasi pagina web per la stampa con Print What You Like

Quante volte vi è capitato di voler stampare una pagina web, ma di non poterlo fare perchè la pagina non aveva una versione adatta per la stampa? Per evitare di […]

Come far “danzare” le immagini in ogni pagina web, al volo

Come far “danzare” le immagini in ogni pagina web, al volo

Delle piccole-grandi magie che gli javascript riescono ad apportare al mondo del web, pur essendo dei geek incalliti, non smetteremo mai di stupirci. Infatti, anche se siamo ormai abituati ai […]

Lista Commenti
Aggiungi il tuo commento

Fai Login oppure Iscriviti: è gratis e bastano pochi secondi.

Nome*
E-mail**
Sito Web
* richiesto
** richiesta, ma non sarà pubblicata
Commento

  • #1Gigetto

    Io uso Proxomitron mooolto più versatile (con i filtri di Sidki)

    11 lug 2008, 1:14 pm Rispondi|Quota
  • #2Andrea Guida (Naqern)

    @Gigetto: certo… ma modificare tutto scrivendo una semplice cosa nella barra degli indirizzi non ha eguali! :D

    ciao ;)

    11 lug 2008, 1:35 pm Rispondi|Quota
  • #3Andrea Guida (Naqern)

    @Enrico: la fonte c’è scritta e non è quella!

    ciao ;)

    11 lug 2008, 1:53 pm Rispondi|Quota
  • #4Ret

    Non mi funziona, di sicuro sbaglio qualcosa. Ci sono più info a riguardo?

    11 lug 2008, 1:57 pm Rispondi|Quota
  • #5Andrea Guida (Naqern)

    @Ret: come scritto nell’articolo, l’unica accortezza è quella di non copiare ed incollare ma riscrivere il testo nella barra degli indirizzi del browser (a causa di un’interpretazione errata che wordpress da dei caratteri speciali).

    Per il browser, ho personalmente testato il trucchetto con successo sia con Firefox che con IE.

    ciao ;)

    11 lug 2008, 2:04 pm Rispondi|Quota
  • #6mCardux

    Non so se sarò folle io, ma il copia-incolla in FF mi funziona benissimo.
    Bel trucchetto, complimenti xD

    Quando andiamo a “modificare” la pagina, ci si accorge subito che alcuni elementi cambiano leggermente (per colore, ad esempio). Esiste un modo per “confermare” la modifica e rendere tutto come prima, però con le nostre aggiunte? Un pò come se volessimo fare una specie di anteprima di quanto realizzato…
    O chiedo troppo? :D

    11 lug 2008, 2:39 pm Rispondi|Quota
  • #7Fark

    Molto interessante. Grazie!
    Io ho inserito la stringa tra i segnalibri di firefox così mi basta selezionarla ogna volta che voglio modificare la pagina corrente.
    Lo trovo molto utile per modificare la pagine prima della stampa ed eliminare così i frame o le parti della pagina che non mi interessa stampare.

    11 lug 2008, 3:06 pm Rispondi|Quota
  • #8Marco B.

    Ma le immagini contenute nella pagina come le possiamo cambiare?

    11 lug 2008, 3:19 pm Rispondi|Quota
  • #9Cryptema

    Intanto complimenti per il geek trick! Davvero divertente… può essere utile in certe occasioni magari per convingere qualcuno…
    Cmq il copia ed incolla si può fare! Basta riscrivere gli apici ed il gioco è fatto!

    11 lug 2008, 3:25 pm Rispondi|Quota
  • #10Cryptema

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

    11 lug 2008, 3:26 pm Rispondi|Quota
  • #11Andrea Guida (Naqern)

    Grazie ragazzi, sono contento vi piaccia ;)
    Le immagini si possono trascinare dove si desidera, o selezionarle per cambiarne le dimensioni.

    ciao!

    11 lug 2008, 4:00 pm Rispondi|Quota
  • #12Red

    fiquata o.o…. si possono mettere immagini?

    11 lug 2008, 4:08 pm Rispondi|Quota
  • #13kaliber

    basta usare opera: tasto dx -> sorgenti; modifichi quello che vuoi e poi clicchi su “applica cambiamenti”

    ;)

    26 ago 2008, 7:45 am Rispondi|Quota
  • #14maartyy

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

    10 giu 2011, 10:55 am Rispondi|Quota