Geekissimo

Come modifcare qualsiasi pagina web al volo, nel proprio browser

 
Andrea Guida (@naqern)
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!

Potrebbe interessarti anche
Articoli Correlati
Video Tutorial: guida all’ottimizzazione di Firefox 3

Video Tutorial: guida all’ottimizzazione di Firefox 3

L’uscita di Firefox 3 nella sua versione finale – oltre che un record entrato dritto nel registro dei guinness dei primati – ha portato con se una buona dose di […]

Come aumentare il numero dei siti presenti nella pagina di Speed Dial in Opera Browser 9.5

Come aumentare il numero dei siti presenti nella pagina di Speed Dial in Opera Browser 9.5

Il browser Opera è apprezzato da una larga – anche se non larga quanto meriterebbe – fetta di utenza, oltre che per la velocità ed il buon livello di personalizzazioni […]

Tutte le potenzialità del drag and drop in Firefox

Tutte le potenzialità del drag and drop in Firefox

Quasi incredibile ma vero, tutte le potenzialità del drag and drop in Firefox (ovvero quando si trascinano gli elementi con il cursore del mouse) sono per moltissimi utenti ancora un […]

5 segnalibri per trasformare Firefox in un prompt di comandi di rete

5 segnalibri per trasformare Firefox in un prompt di comandi di rete

Ormai lo sapete benissimo: le potenzialità di Firefox sono pressoché infinite e, se le dimostrazioni passate non vi hanno ancora convinti del tutto, date un’occhiata a questi 5 segnalibri per […]

Come liberare il più possibile lo schermo in Firefox

Come liberare il più possibile lo schermo in Firefox

Con l’andar del tempo e l’aumentare delle estensioni installate, Firefox tende a “mangiare” sempre più porzioni di schermo a causa dei miliardi di pulsanti integrati nelle varie toolbar e nella […]

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! 😀

    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? 😀

    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