¿Cómo ver el código fuente en Google Chrome? (con imagenes)

Un sitio web o página web se compone de varios elementos que incluyen texto, imágenes, videos, etc. Una página que le parece muy interactiva y colorida es en realidad un código que se ejecuta en el navegador. Este código se llama como Código fuente que está escrito con la ayuda de lenguajes de programación utilizados en el desarrollo web como HTML, CSS, JavaScript, etc.

Puede ver el código fuente de cualquier página web en Google Chrome u otros navegadores web muy rápidamente. El código fuente le permite echar un vistazo al formato y estilo CSS de la página web y su código HTML junto con los scripts.

Además de ver el código fuente de la página web, también puede realizar algunos cambios. Sin embargo, estos cambios solo se aplicarán al sitio web que aparece en su computadora sin afectar el sitio web original. Tan pronto como actualice la página, los cambios también se cancelarán en su computadora.

Pasos para ver el código fuente en Google Chrome

Método 1: Ver la fuente de la página

Paso 1: Abre la página web cuyo código fuente se mostrará e Botón derecho del mouse en todas partes.
Se abrirá un menú desplegable con varias opciones.

Paso 2: Haga clic en «Ver el código fuente de la página « para ver el código fuente.

Esto abrirá el código fuente en una nueva pestaña.

código fuente

atajo: Para mostrar la fuente de la página, puede presionar «Ctrl + U» llave.

Método 2: Inspeccionar

Paso 1: Al igual que el método anterior, Botón derecho del mouse en cualquier lugar de la página web para abrir el menú desplegable.

Paso 2: Para seleccionar Inspeccionar.

inspeccionar

El código fuente se mostrará en la misma pantalla con la página web (como se muestra en la imagen).

inspección de la fuente

atajo: Abra la página web y presione F12 o «Ctrl + Mayús + I”Para inspeccionarlo.

¡Eso es todo! Ahora puede ver fácilmente el código fuente de cualquier página web en Chrome.

Bueno, los dos «muestra la fuente de la página» Y «inspeccionar”Muestra el código fuente de una página web. Pero hay una diferencia entre el resultado dado por ambos.

  • Ver el código fuente: Muestra el código fuente, el mismo que está presente en el servidor web.
  • Inspeccionar: El código fuente que se muestra al inspeccionar la página web pasa por la corrección de errores HTML, la normalización y la manipulación del DOM. Antes de mostrar el código fuente, el navegador corrige el código para detectar algunos errores.