Consola web

A menudo las páginas web dan errores por múltiples motivos. La mayoría de las veces éstos errores se pueden arreglar fácilmente si se conocen. A través de la consola web del navegador, podremos inspeccionar y detectar que errores se están produciendo y así poder corregirlos.

Para entra en la consola de Firefox developer edition hay diferentes maneras:

1.- Usando el botón derecho sobre la página, aparecen diferentes opciones, la opción a escoger es ‘Inspeccionar un elemento‘, tal como se puede ver en la foto.

2.- La segunda manera para abrir la consola es: Ctrl+Shift+K

3.- Última manera de acceder a consola es ir a la parte derecha de la página, a la barra de menú (tres líneas horizontales).

Clicando el botón aparecen diferentes opciones, nosotros buscamos la que dice ‘Desarrollador web‘

A continuación nos aparecen diferentes opciones, escogemos ‘Consola web‘.

Una vez entramos en la consola, hay que ir  a la parte de red, que nos presentará diferentes estados de la página, diversas urls externas que se usan para la página. etc.

Como se puede ver si entras a la consola, esta vacía. Para que aparezca la información hay que refrescar la página. Una vez refrescada la página aparece toda la información sobre esta, como los estados, métodos, etc. Haciendo click sobre los estados podemos ver información sobre ellos.

Ver partes de un html

Para ver como está estructurado un fichero html, también lo podemos ver desde la consola. Una vez abierta la consola, tal como entramos en la parte red. En la parte izquierda hay un cursor. Haciendo click al cursor, podemos ir clicando diferentes partes de la página, y ver la estructura y código html de la página.

Esto nos permite hacer algunos cambios locales, para ver como podría quedar la página si cambiamos algo.