Copia del código de Inspect Element en Google Chrome

Question

Actualmente estoy desarrollando un sitio web en HTML y quiero copiar parte del código de otros sitios web. Sin embargo, cuando voy a la función de elemento de inspección e intento copiar solo una parte del código, termina copiando todo el script. ¿Hay alguna manera de que pueda obtener solo una parte del código del elemento de inspección sin tener que copiar todo y cortar los bits que no quiero en dreamweaver?

Answer 1

Haga clic derecho sobre el elemento en particular (por ejemplo div, table, td) y seleccione la copia como html.

Answer 2

Haga clic en la línea o elemento que desea copiar. Copiar al portapapeles. Pegar.

Lo único delicado es que si haces clic en una línea, obtienes todo lo que esa línea incluye si estaba doblada. Por ejemplo, si haces clic en un div y lo copias, obtienes todo lo que el div incluye.

También puede obtener solo lo que desee al hacer clic derecho y seleccionar 'Editar como HTML'. Esto hará que esa sección esencialmente texto, con ninguno de los pliegues activados. A continuación, puede seleccionar, copiar y pegar los bits relevantes.

Answer 3

Puede copiar por elemento de inspección y segmentar el div que desea copiar. Simplemente presione ctrl + c y luego su div se copiará y pegará en su código, se ejecutará fácilmente.

Answer 4

En versiones anteriores de Chrome, simplemente podíamos seleccionar y copiar un elemento (con Ctrl + C o Cmd + C) y luego pegarlo dentro de un elemento seleccionándolo y luego pegarlo (con Ctrl + V o Cmd + V) . Sin embargo, no es posible en las últimas versiones (estoy ejecutando Chrome 58.0.3029.110) y me ha configurado muchas veces desde entonces.

En lugar de usar los comandos para copiar y pegar, ahora tenemos que hacer clic derecho en el elemento -> Copiar -> Copiar elemento y luego hacer clic derecho en el elemento al que queremos agregar el elemento copiado -> Copiar -> Pegar Elemento.

No entiendo por qué los comandos cortos están desactivados, pero al menos aún es posible hacerlo de una manera más inconveniente.

Answer 5

no tiene que hacer eso en Google Chrome. Utilice el explorador de Internet que ofrece la opción de copiar el css asociado y después de copiar y pegar seleccione el estilo y póngalo en otro archivo .css para llamar a ese html que ha creado. Espero que esto te resuelva el problema más que cualquier otra cosa :)