Copie el código HTML del sitio web

Rajeev Baniya 20 junio 2023
  1. Use la opción Editar como HTML mientras inspecciona para copiar el código HTML
  2. Use la opción Copiar mientras inspecciona para copiar el código HTML
  3. Use la opción Ver código fuente de la página en un sitio web para copiar el código HTML
Copie el código HTML del sitio web

El artículo presentará métodos para copiar código HTML de un sitio web utilizando Inspect Element de Google Chrome.

Use la opción Editar como HTML mientras inspecciona para copiar el código HTML

Los navegadores web modernos tienen una función de inspección que permite a los usuarios o desarrolladores ver los contenidos y estilos HTML utilizados en el sitio web. También podemos copiar contenido HTML o manipular contenido HTML para ver el resultado en el navegador.

Sin embargo, en este método, no podemos copiar directamente el código que se puede ver al inspeccionar una página web. Hay algunos pasos para copiar el código.

Por ejemplo, haga clic derecho en un sitio web y luego podrá ver algunas opciones. Al final de las opciones, verás Inspeccionar.

Haga clic en la opción Inspeccionar o use el atajo, Ctrl+Shift+i. Luego, la herramienta Inspeccionar se abre en la parte inferior o en el lado derecho de la pantalla.

Después de inspeccionar, podemos ver el código HTML en el lado izquierdo de la herramienta de inspección en la pestaña Inspector. Luego haga clic derecho en <html> y seleccione editar como HTML.

O bien, elija el elemento de nivel superior que desea copiar. Luego copie los contenidos HTML necesarios del sitio web.

Use la opción Copiar mientras inspecciona para copiar el código HTML

También podemos copiar ciertos contenidos HTML directamente desde la inspección sin pasar por la opción Editar como HTML.

Después de inspeccionar un sitio web, podemos ver los contenidos HTML en el lado izquierdo en la pestaña Inspector. Luego podemos hacer clic derecho sobre el elemento a copiar y elegir la opción Copiar elemento.

Esto copiará todo el código HTML dentro de ese contenedor o sección.

Si queremos copiar todo el código, entonces podemos hacer clic derecho en <html> e ir a copiar y elegir la opción Copiar elemento.

Use la opción Ver código fuente de la página en un sitio web para copiar el código HTML

Podemos ver todos los contenidos HTML utilizados para crear un sitio web dentro de la opción Ver código fuente de la página. Si hacemos clic derecho en un sitio web, aparece una opción.

Podemos ver la opción Ver código fuente de la página al final de la opción. Cuando hacemos clic en la opción, se abrirá otra pestaña que contiene todo el código HTML del sitio web.

Luego podemos seleccionar y copiar el código HTML.

Estos son los diversos métodos para copiar el código HTML.