MENU DESARROLLADOR WEB NAVEGADOR FIREFOX

Entre las opciones del firefox se encuentra el desarrollador web que te ayuda a optimizar y mejorar el rendimiento del codigo de tu pagina web

INSPECTOR

Muestra la estructura de codigo de la pagina web, ademas de entre otras cosas, te indica todos los tipos de letras o fuentes y tamaños que se utilizan.

CONSOLA

Con esta opción se puede visualizar la secuencia del codigo de la pagina que se va ejecutando. Hay que cargar la pagina para que empieze a funcionar. Es una manera muy facil de detectar errores.

La consola esta dividida en seis opciones que se ejecutan a la vez: Red, Css, Js, seguridad, registro y limpiar. Cada opción se identifica con un punto de color y en caso de error en la lateral derecho puedes visualizar el codigo que es erroneo.

En el caso de que la secuencia este correctamente puedes ver el tiempo de carga de la secuencia a la que se hace referencia.

El codigo de estado HTTP/1.1 200 OK o HTTP/2.0 200 OK el Ok indica que esta todo correcto. Otros codigos de estado que te puedes encontrar:
  • 200 OK
  • 202 Peticion aceptada, pero no se ha completado en su ejecución
  • 204 No hay contenido
  • 205 Actualizar la pagina
  • 206 Solamente se carga parte del contenido de la pagina
  • 301 Movido permanentemente
  • 302 Movido temporalmente
  • 304 Peticion no modificada desde la ultima vez
  • 305 Se esta utilizando un proxy
  • 400 La solicitud contiene sintaxis errónea y no debería repetirse.
  • 404 No encontrada
  • 401 No tienes permiso
  • 402 Indica que para ejecutar esta secuencia es necesario realizar un pago electronico
  • 403 La solicitud de la secuencia es rechazada por el servidor.
  • 406 El servidor no puede devolver los datos
  • 407 Se esta realizando una petición a traves de un proxy al cual se necesita acceder a traves de un usuario y una contraseña.
  • 408 Has sobrepasado el tiempo limite para que se cargue una secuencia
  • 410 Existe una secuencia que utiliza un recurso que ya no existe en el servidor.
Aunque hay existen mas codigos de estado he señalado las mas usuales que se puede dar el caso de producirse.

DEPURADOR

En esta sección aparece los diferentes archivos js o html que componen una pagina web y te muestra el codigo. Tambien aparece el codigo cuando tienes un archivo que hace referencia fuera del alojamiento.

EDITOR DE ESTILOS

Muestra todos los archivos CSS y su contenido ademas te indica posibles errores, incluso archivos CSS alojados en otro alojamiento.

RENDIMIENTO

Una vez que se hace click sobre la opción "Comenzar a registrar el rendimiento", uno puede ir navegando por la pagina por la diferentes opciones mientras el navegador va analizando el rendimiento en tiempo de como se va ejecutando la navegación.
Al hacer click en "Dejar de registrar el rendimiento" aparecen los resultados con datos numericos y una grafica.

TODAS ESTAS HERRAMIENTAS ESTAN BASADA EN LOS NAVEGADORES DEL MISMO TIPO QUE FIREFOX, ASI COMO LOS RESULTADOS QUE SE OBTIENEN


Fecha actualización: 2017-09-30. Fecha publicación: 2015-10-20. Categoría: Web, Navegador, Firefox. Autor: Oscar olg