Artistas Digitales

Extensiones para desarrollo web en Firefox

Extensiones para desarrollo web en Firefox

Dentro del desarrollo web se trabaja continuamente con códigos y validadores, a pesar de que existen herramientas muy completas no hay nada como probar en nuestro navegador y gracias a los complementos podemos tener un entorno de desarrollo muy completo para pruebas.

El día de hoy te presentamos un conjunto de complementos para Firefox, ya sea que te dediques al desarrollo o al diseño de aplicaciones web, estamos seguros que te serán de gran ayuda. Trata de revisar y probar cada una en verdad valen mucho la pena y es seguro que tu productividad aumente.

Y por su puesto no olvides comentarnos que te pareció esta compilación, ¿Cuál es tu favorita? y que otra herramienta agregarías a la lista.

1.- Firebug

03Firebug extensiones desarrollo web.jpg

Firebug es una herramienta para editar y analizar errores dentro de tu código HTML, CSS y JavaScript una ventaja de este complemento es que todo lo puedes realizar en “Tiempo de ejecución” mientras vas modificando la información los resultados se muestran de forma instantánea. Tiene infinidad de funciones y es de gran ayuda para detectar y corregir errores.

2.- Scriptish

15scriptish extensiones desarrollo web.jpg

Una de las herramientas mas completas para poder editar y modificar scripts dentro de tu sitio web (En realidad es hijo de Greasemonkey).

3.- Tamper Data

10Tamper Data extensiones desarrollo web.jpg

Con tamperdata puedes ver y modificar cabeceras HTTP/HTTPS o también parámetros POST. Rastrea el tiempo de peticiones y respuesta. Así como la seguridad de tus aplicaciones variando el envió de parámetros POST.

4.-JSView

04JSView extensiones desarrollo web.jpg

La mayoría de navegadores incluye una vista de código fuente, pero ninguna te da la capicada de ver el código de archivos externos. La mayoría de los sitios web, alojan sus hojas de estilo y JavaScripts en archivos externos. Gracias a esta herramienta podemos ver este tipo de archivos sin movernos de ventana y navegar hasta otras partes del código.

5.-QuickJava

07QuickJava extensiones desarrollo web.jpg

Permite habilitar y Desabilitar el código Java, JavaScripts, Cookies, Animaciones de Imágenes, Contenido Flash, Silverlight, Imágenes, Hojas de Estolo y Servidores Proxy desde barras complementos sin tener que abrir otras ventanas.

6.-RefControl

08RefControl extensiones desarrollo web.png

Controla lo que envias a través de http. Creas una lista de sitios y las ligas deben enviarte a este contenido. Asi que puedes elegir enviar

7.-Controle de Scripts

Controle de Scripts es una extensión que te permite modificar en JavaScript dentro de tu navegador.

12controle de scripts extensiones desarrollo web.png

8.-HTML Validator

14html validator extensiones desarrollo web.jpg

HTML Validator es una extensión de Mozilla que permite validar el codifo HTML de una forma super sencilla. Otra funcionalidad que ofrece es mostrar el numero de errores. Esto funciona mandando el código HTML via AJAX a servidores de validación, una vez que tenemos la respuesta esta herramienta nos mostrara en pantalla el numero de errores y advertencias para nuestro código.

9.-Text Link

Te da la posibilidad de visualizar la URL hacia donde apunta nuestro vinculo. Es una forma equivalente a ver la propiedad href del tag <a> pero de forma visual.

11Text Link extensiones desarrollo web.jpg

10.-Live HTTP Headers  & Header Monitor

13header Monitor extensiones desarrollo web.jpg

Ver y monitorear las cebeceras enviadas a través de internet. Muestra el contenid y la codificacion del “Content-Encoding” y “Content-Type” y algunas otros

11.-Modify Headers

Agrega, modifica y filtra peticiones de cabeceras HTTP enviadas a traves del navegador.

06Modify Headers extensiones desarrollo web.jpg

12.-Cookies Manager

01Cookies Manager extensiones desarrollo web.png

Permite ver, editar y crear nuevas cookes. Con la posibilidad de poder editar varias cookies de una sola vez, respaldarlas y restaurarlas.

13.-JavaScript Debugger

Venkman es el nombre para el debbugger JavaScript de mozilla. Sin mas preámbulo este clama ser la herramienta mas poderosa para la detección y corrección de errores dentro de navegadores web basados en Mozilla.

05JavaScript Deobfuscator extensiones desarrollo web.png

14.-DOM Inspector

02DOM Inspector extensiones desarrollo web.jpg

DOM Inspector es una herramienta que puede ser usada para inspeccionar el código y editarlo en tiempo de ejecución dentro del navegador o cualquier aplicación XUL. Puede ser usado para navegar entre los elementos y mostrar cada propiedad de los nodos.

15.-SQLite Manager

09SQLite Manager extensiones desarrollo web.jpg

Esta es una de mis favoritas y es que debido a la implementación de nuevas tecnologías en la web, aplicaciones con bases de datos embebidas han comenzado a aparecer por todos lados y en definitiva esta es una de las herramientas que no te pueden faltar si es que te dedicas a crear aplicaciones que utilizan bases de datos embebidas.

¿Te gusto el artículo? Compartelo!!

Acerca del autor

Dejar un comentario