Copia codice da Inspect Element in Google Chrome

Question

Attualmente sto sviluppando un sito Web in HTML e voglio copiare parte del codice da altri siti web. Tuttavia, quando vado nella funzionalità di inspect e provo a copiare solo una parte del codice, finisce per copiare l'intero script. C'è un modo per ottenere solo parte del codice dall'elemento inspect senza dover copiare l'intera cosa e ritagliare i bit che non desidero in dreamweaver?

Answer 1

Fai clic destro sul particolare elemento (ad esempio div, table, td) e selezionare la copia come html.

Answer 2

Fare clic sulla linea o sull'elemento che si desidera copiare. Copia negli appunti. Incolla.

L'unica cosa difficile è che se si fa clic su una linea, si ottiene tutto ciò che include la riga se è stato piegato. Ad esempio se si fa clic su un div e si copia, si ottiene tutto ciò che include il div.

È anche possibile ottenere solo ciò che si desidera facendo clic con il pulsante destro del mouse e selezionare "Modifica come HTML". Ciò renderà quella sezione essenzialmente testo, senza che nessuno dei fold sia attivato. È quindi possibile selezionare, copiare e incollare i bit rilevanti.

Answer 3

È possibile copiare ispezionando l'elemento e targetizzare il div che si desidera copiare. Basta premere ctrl + c e quindi il tuo div sarà copia e incolla nel tuo codice che verrà eseguito facilmente.

Answer 4

Nelle versioni precedenti di Chrome potevamo semplicemente selezionare e copiare un elemento (con Ctrl + C o Cmd + C) e quindi incollarlo all'interno di un elemento selezionandolo e quindi incollarlo (con Ctrl + V o Cmd + V) . Tuttavia non è possibile nelle ultime versioni (sto utilizzando Chrome 58.0.3029.110) e da allora mi ha impostato molte volte.

Invece di utilizzare i comandi per copia e incolla, ora dobbiamo fare clic con il tasto destro del mouse sull'elemento -> Copia -> Copia elemento e quindi fare clic con il tasto destro sull'elemento a cui vogliamo aggiungere l'elemento copiato su -> Copia -> Incolla Elemento.

Non capisco perché i comandi brevi siano disattivati ​​ma almeno è ancora possibile farlo in un modo più scomodo.

Answer 5

non devi farlo in Google Chrome. Usa Internet Explorer offre la possibilità di copiare il css associato e dopo aver copiato e incollato seleziona lo stile e lo metti in un altro file .css per chiamare in quel html che hai creato. Spero che questo risolva il tuo problema più di ogni altra cosa :)