Posso fare doppio clic sugli attributi e modificarli nell'ispettore di Google Chrome. Posso aggiungere CSS, posso aggiungere Javascript alla console. Ma posso aggiungere HTML?Come inserisco un elemento HTML nella finestra di ispezione di Google Chrome?
Fare clic con il pulsante destro del mouse su un elemento nell'ispettore e selezionare "Modifica come HTML".
È quindi possibile aggiungere qualsiasi HTML si desidera all'interno di esso.
Attenzione: Questo distruggerà l'elemento con tutti i suoi discendenti, e sarà poi ricrearli una volta che hai finito di modificare il codice HTML. Qualsiasi listener di eventi impostato su uno di questi elementi non funzionerà più e tutti i riferimenti che potresti avere a uno di quegli elementi andranno persi.
Se è necessario mantenere in vita gli elementi, è necessario farlo a livello di programmazione. Dopo aver selezionato l'elemento che desideri modificare, vai alla console e aggiungi l'elemento che desideri. All'interno della console, è possibile fare riferimento all'elemento selezionato tramite il nome della variabile $0. Ad esempio, se si desidera aggiungere un elemento attualmente selezionato, div, digitare nella console:
$0.appendChild(document.createElement('div'));