El navegador Firefox ¡Nos hace la vida más fácil!, además de ser seguro y estable también ofrece complementos para optimizar nuestro trabajo en la Web. Conozcamos mejor como funciona cada complemento de desarrollo Web y personalizar mejor nuestro navegador.

Docked JS-Console

Mantiene abierta la consola JavaScript permitiéndonos visualizar los errores en el código JavaScript de nuestra página. Puedes acceder a ella a través del menú herramientas - opción “Consola de errores”-, y si tienes un uso continuo de ésta descárgate el complemento en:

https://addons.mozilla.org/es-ES/firefox/

y clica en el botón “desarrollo Web” del menú, ubicado en el lado izquierdo de la página.

Luego de descargarla una ventana te pedirá que reinicies el navegado, haz clic en reiniciar y listo. Luego cuando se reinicie el navegador la consola JS aparecerá modo de barra en la parte inferior del navegador.

Cuando instala la barra, puede reducirla o ampliarla, ocultarla o mostrarla según su conveniencia, el cambio queda guardado para las demás ventanas o para cuando inicies nuevamente el navegador.

Web Developer

Esta barra se instala en la parte superior del navegador. Tiene muchas funcionalidades, algunas de las que más empleo son:

• Función para habilitar y deshabilitar JavaScript.

Cuando se trabaja en la elaboración de formularios o de información en general, la habilitación del JavaScript permite detectar los errores de programación, el buen funcionamiento de la página y rapidez en algunas aplicaciones, como en el caso de un proceso de compra en el que el formulario es muy extenso y es necesario acelerar el proceso brindando rapidez.

Además el JavaScript permite dar elegancia a la Web, efectos de movimiento en algunos textos o imágenes.

• Control de cookies –edita, elimina y agregar.

Podemos crear cookies porque nos permiten detectar la ruta que siguen los usuarios dentro del navegador en una página Web o varias. La ruta, luego, servirá para armar un perfil de usuario anónimo.

Como los cookies se comportan de diferente forma, dependiendo preferencias y personalización que del usuario a una página, se pueden crear y editar de tal modo que se adapten a los requerimientos del internauta.

Las cookies son eliminadas cuando el usario sale de su navegador, para evitar esto se establece una fecha de eliminación, pudiéndose más adelante

• Muestra y permite edición de CSS de una página en tiempo real.

Podemos visualizar los códigos CSS (estilos empleados en la presentación de la Web) y obtener más fácilmente su construcción y ubicación para cuando deseemos realizar una modificación en la Web que estamos trabajando.

• Mostrar información detallada en pantalla de formularios HTML.

Aquí visualizamos maquetación de la página, solo los códigos HTML.

• Mostrar comentarios y elementos escondidos.

La anterior opción solo nos muestra la estructura de la Web en códigos HTM, dejando de lado los CSS y el Java Script, que sí podemos visualizar acá para cuando deseemos realizar un cambio sen el CSS y en el JavaScript.

• La función Outline.

Al activar esta opción, ubicamos el puntero del Mouse en el elemento de la Web que nos interesa, este elemento es bordeado con un color y especifica como está ordenado dentro de la maquetación, si esta contenido en elemento o si contiene a otro. Asimismo, muestra como se ha ido estructurando la maquetación de toda la página.

Hemos escogido las funciones que a nuestro criterio les ayudará de mucho, pero hay muchas más que no han sido explicadas. Espero que les haya sido de gran ayuda.