- Chris Hoffman
@chrisbhoffman
- Ottobre 2, 2019, 8:00am EDT
Le pagine Web sono solo documenti visualizzati dal browser Web. Ma cosa succede se si potesse digitare direttamente su qualsiasi pagina web per modificarlo? Puoi e non hai bisogno di un’estensione per il browser: è una funzionalità integrata in ogni browser moderno.
Questa funzione sfrutta il “documento.Funzione “designMode”, che è possibile abilitare tramite la console JavaScript del browser web., È stato recentemente evidenziato da Tomek Sułkowski su Twitter, ma è così bello che dobbiamo condividerlo con i nostri lettori.
È possibile utilizzare questa funzione per ripulire una pagina Web prima di stamparla, testare come appariranno le modifiche a una pagina Web o anche solo scherzare con le persone. Sarà proprio come la modifica di un documento di Word – nessun pasticcio con HTML richiesto.
Per attivare questa funzione, visitare una pagina web e quindi aprire la console degli sviluppatori., Per aprire la console in Google Chrome, fare clic su menu> Altri strumenti> Strumenti per sviluppatori o premere Ctrl+Maiusc+i.
Mentre stiamo usando Chrome come esempio qui, questa funzione funziona anche in altri browser moderni. Ecco come aprire la console in altri browser:
- In Mozilla Firefox, fare clic su menu > Sviluppatore Web > Console Web o premere Ctrl + Maiusc + K.,
- In Apple Safari, fare clic su Safari> Preferenze> Avanzate e abilitare ” Mostra menu Sviluppo nella barra dei menu.”Quindi, fare clic su Sviluppa > Mostra Console JavaScript.
- In Microsoft Edge, fare clic su menu > Altri strumenti > Strumenti di sviluppo o premere F12 e quindi fare clic sulla scheda “Console”.
Fare clic sulla scheda “Console” nella parte superiore del pannello Strumenti per sviluppatori., Digitare quanto segue nella console e premere Invio:
document.designMode = 'on'
Ora è possibile chiudere la console, se lo si desidera, e modificare la pagina Web corrente come se fosse un documento modificabile. Fare clic da qualche parte per inserire il cursore e digitare il testo. Utilizzare i tasti Backspace o Delete per rimuovere testo, immagini e altri elementi.
Questo cambia solo come appare la pagina web nel tuo browser. Non appena si aggiorna la pagina, vedrete l’originale ancora una volta., Se si accede a un’altra pagina Web o scheda, non sarà in modalità di progettazione finché non si apre la console e si digita nuovamente questa riga.
Puoi anche tornare nella console ed eseguire il seguente comando per disattivare la modalità di progettazione:
document.designMode = 'off'
La pagina web non sarà più modificabile, ma le tue modifiche saranno conservate fino al prossimo aggiornamento della pagina.
Chris Hoffman è redattore capo di How-To Geek. Ha scritto sulla tecnologia per quasi un decennio ed è stato editorialista di PCWorld per due anni., Chris ha scritto per il New York Times, è stato intervistato come esperto di tecnologia su stazioni televisive come NBC 6 di Miami, e ha avuto il suo lavoro coperto da agenzie di stampa come la BBC. Dal 2011, Chris ha scritto oltre 2.000 articoli che sono stati letti più di 500 milioni di volte – – – e questo è solo qui a How-To Geek.Leggi la Biografia completa ”