La fuente web es el código legible por humanos devuelto al navegador cada vez que hacemos una petición.

El código devuelto está hecho de HTML, CSS y JavaScript y es lo que le dice al navegador qué contenido mostrar, cómo mostrarlo y añade elementos de interacción.


¿Cómo vemos el código fuente?

  1. Al ver una página web podemos hacer click derecho en la página y veremos una opción que dice ver código fuente.
  2. La mayoría de lso navegadores soportan el método view-sorce enn frente de la URL, por ejemplo: "view-source:https://www.google.com".
  3. En el menú del buscador encontrarás una opción para ver el código fuente. A veces puede estar en submenús como en opciones de desarrollador.

¡Veamos un código fuente!

Intenta ver el código de la página de soporte IT de Acme. Arriba de la página notarás texto rodeado por <!-- y -->. Esto son comentarios. Los hiper vínculos empiezan con <a y dentro tienen el atributo href.

Viewing The Page Source

Si seguimos leyendo vemos una página /secrets que nos lleva a una flag:

Viewing The Page Source

Si seguimos mirando más en profundidad podemos ver desde dónde están cargando las imágenes:

Viewing The Page Source

Si miramos en ese directorio, deberíamos obtener un 403 - Forbbiden o algún error de ese estilo, sin embargo la opción de listado está habilitada:

Viewing The Page Source

Muchas veces esto puede no ser un problema, pero en este caso vemos que hay un flag.txt.

La mayoría de los desarrolladores no empiezan el desarrollo web desde 0, sino que usan frameworks para acelerar sus desarrollos permitiéndoles meter funcionalidades que tienen la mayoría de webs con un simple enlace, como el manejo de usuarios. A veces conocer el framework y su versión es una poderosa herramienta de explotación:

Viewing The Page Source