Herramientas de Desarrollador
Todos los navegadores modernos cuentan con herramientas de desarrollador. Es un kit de ayuda usado por desarrolladores web para depurar aplicaciones web. Como pentester, podemos usar estas herramientas para ganar conocimiento sobre el funcionamiento de la aplicación. Nos centraremos en tres componentes: Inspector, Debugger y Network.
Abrir las Herramientas de Desarrollador
Puedes hacerlo pulsando F12 o click derecho/menú e inspeccionar elemento/herramientas de desarrollador.
Inspector
El código fuente no siempre representa lo que se ve en la página web porque CSS, JS y la interacción del usuario pueden cambiar el contenido y el estilo de la página.
Además podemos modificar el código para interactuar con las páginas. En la página de /news de Acme podemos ver que hay tres artículos. Los dos primeros son legibles pero el tercero está bloqueado:
Si inspeccionamos el elemento de la notificación premium, podemos seleccionar opciones del menú y cambiar código por ejemplo cambiando el CSS de block a none.
