DesignMode incredibile funzionalità disponibile sui browser, sostituirà il classico ispeziona elemento?

10 Ott 2019    Giacomo Marzolla    27 Nov 2019 05:15 pm

Questa nuova funzionalità è per tutti coloro che utilizzano ispeziona elemento soprattutto per modificare i testi e osservare le modifiche direttamente in pagina, così poi si possono effettuare eventuali screenshot.

Questa funzionalità è supportata da tutti i recenti browser, vedi se il tuo browser supporta la funzione DesignMode, inoltre in basso vi allego uno a screen dove mostra i browser che supportano tale funzione.

designmode support browser

Come si installa designmode, anche se non si tratta di una e vera propria installazione.

  1. Dovete copiare questa breve riga di codice javascript
  2. Andate su vostro browser, il mio esempio è basato su Google Chrome .
  3. Aprite una nuova scheda e cliccate sul simbolo della stella (aggiungi ai preferiti)
  4. Successivamente nel campo testo riferimento al nome, inserisci un nome a tua scelta es. DesignMode, mentre in riferimento a cartella seleziona Barra dei Preferiti
  5. Clicca su pulsante fine

Riga di codice javascript da copiare nei preferiti

javascript:(function(){document.designMode = 'on'})();

Successivamente comparirà la voce DesignMode o il titolo che avrete deciso di attribuire alla scheda, adesso aprendo un qualsiasi sito web e cliccando su DesignMode si avvierà la funzionalità e potrete modificare qualsiasi testo, ricaricando la pagina web tutte le modifiche effettuate si perderanno.

Hai domande? Opinioni? Lascia un commento