9
1. Inicia sesión en Windows o GNU/Linux. 2. Inicia una captura con el programa sniffer Wireshark (http://www.wireshark.org/download.html) 3. Abre el navegador Firefox, y conéctate a un sitio web (por ejemplo http:www.w3c.es/ ) y para la captura de Wireshark. Procedemos a abrir el wireshark en nuestra wifi y entramos en la red. Podemos ver que abrimos un protocolo HTTP. Vamos a seguir el rastro de ello abriendolo con Follow TCP Stream. Una vez abierto nos abrirá un paquete con la información de la trama.

1. Inicia sesión en Windows o GNU/Linux. 2. Inicia una ... · Procedemos a instalar el complemento. Procedemos a esperar un poco y le damos a instalar. 6. Acceder al menú, herramientas,

Embed Size (px)

Citation preview

Page 1: 1. Inicia sesión en Windows o GNU/Linux. 2. Inicia una ... · Procedemos a instalar el complemento. Procedemos a esperar un poco y le damos a instalar. 6. Acceder al menú, herramientas,

1. Inicia sesión en Windows o GNU/Linux.

2. Inicia una captura con el programa sniffer Wireshark

(http://www.wireshark.org/download.html)

3. Abre el navegador Firefox, y conéctate a un sitio web (por ejemplo http:www.w3c.es/ ) y

para la captura de Wireshark.

Procedemos a abrir el wireshark en nuestra wifi y entramos en la red. Podemos ver que

abrimos un protocolo HTTP.

Vamos a seguir el rastro de ello abriendolo con Follow TCP Stream.

Una vez abierto nos abrirá un paquete con la información de la trama.

Page 2: 1. Inicia sesión en Windows o GNU/Linux. 2. Inicia una ... · Procedemos a instalar el complemento. Procedemos a esperar un poco y le damos a instalar. 6. Acceder al menú, herramientas,

a) ¿Qué versión de HTTP se utiliza? ¿Qué método se ha usado en la primera petición HTTP?

b) ¿Qué valor tiene la cabecera Host? ¿Para qué las usará el servidor?

Indica una petición HTML a un servidor web.

c) ¿Qué algoritmos de compresión soporta el navegador?

d) ¿Se envían cookies en la petición HTTP?

No, no se envían.

e) ¿Qué código de estado tiene la primera respuesta HTTP? ¿Qué servidor web responde?

f) ¿De qué tipo MIME es el recurso enviado?

Page 3: 1. Inicia sesión en Windows o GNU/Linux. 2. Inicia una ... · Procedemos a instalar el complemento. Procedemos a esperar un poco y le damos a instalar. 6. Acceder al menú, herramientas,

g) ¿Se han utilizado conexiones persistentes, es decir, en la misma conexión TCP haya varias peticiones y respuestas HTTP?

No, solo hay una petición.

h) ¿Existen peticiones y respuestas de imágenes? ¿Por qué lo sabes? No, en esta trama solo se encuentra texto plano con formato HTML.

5. Descarga e instala en Firefox el complemento Live HTTP Header

(http://livehttpheaders.mozdev.org/). Reinicia el navegador.

Procedemos a instalar el complemento.

Page 4: 1. Inicia sesión en Windows o GNU/Linux. 2. Inicia una ... · Procedemos a instalar el complemento. Procedemos a esperar un poco y le damos a instalar. 6. Acceder al menú, herramientas,

Procedemos a esperar un poco y le damos a instalar.

6. Acceder al menú, herramientas, Live HTTP Headers.

Nos vamos al apartado de complementos y nos muestra esto, donde le daremos a opciones.

Aquí en el apartado de cabeceras aparecerán las cabeceras HTTP de las páginas que visitemos.

Aquí tenemos el generador, donde nos mostrara el contenido de la página en formato HTTP.

Si vamos al apartado de configuración podemos ver las configuraciones que tiene dicho

complemento.

Page 5: 1. Inicia sesión en Windows o GNU/Linux. 2. Inicia una ... · Procedemos a instalar el complemento. Procedemos a esperar un poco y le damos a instalar. 6. Acceder al menú, herramientas,

7. Acceder de nuevo al sitio web elegido (por ejemplo http://www.w3c.es) y consulta y

documente las cabeceras con la utilidad instalada.

Entramos a la página vrutal.com para probar, y como vemos empezara a capturar las

cabeceras de la página.

Page 6: 1. Inicia sesión en Windows o GNU/Linux. 2. Inicia una ... · Procedemos a instalar el complemento. Procedemos a esperar un poco y le damos a instalar. 6. Acceder al menú, herramientas,

8. Inicia el navegador Google Chrome.

Procedemos a abrir Google Chrome

9. Pincha en el botón con una herramienta en la parte superior derecha. Accede a

Herramientas, Herramientas para desarrolladores.

Si nos vamos a Herramientas y de ahí a más herramientas, pinchamos y nos aparece

Herramientas para desarrolladores.

Esto nos abrirá una página lateral u horizontal en la cual podemos ver el formato de la página,

diferentes opciones, etc…

Page 7: 1. Inicia sesión en Windows o GNU/Linux. 2. Inicia una ... · Procedemos a instalar el complemento. Procedemos a esperar un poco y le damos a instalar. 6. Acceder al menú, herramientas,
Page 8: 1. Inicia sesión en Windows o GNU/Linux. 2. Inicia una ... · Procedemos a instalar el complemento. Procedemos a esperar un poco y le damos a instalar. 6. Acceder al menú, herramientas,

10. Acceder al sitio web mencionado e investigar la herramienta para desarrolladores.

Observé y documente las peticiones realizadas, qué método usan, cuáles son los códigos de

respuesta, qué tipos de recursos se han recibido del servidor, cuál es el código de las páginas

HTML enviadas, etc.

Vamos a entrar en www.w3c.es para ver los parámetros que nos muestra la herramienta.

Podemos ver desde aquí su contenido si estuviésemos en un dispositivo móvil o Smartphone.

Page 9: 1. Inicia sesión en Windows o GNU/Linux. 2. Inicia una ... · Procedemos a instalar el complemento. Procedemos a esperar un poco y le damos a instalar. 6. Acceder al menú, herramientas,

Podemos ponerlo horizontal, además de ver el código fuente de la pagina.

También nos permite ver los tipos de bases de datos que tiene.