Mozilla Firefox Extensions: Web Developer Toolbar

Escrito el 2 julio, 2004 – 6:00 | por storm | 1.463 lecturas

Bueno, para el que no este al tanto de que es ‘Mozilla Firefox’, este es un navegador completamente gratuito, y muy poderoso.
Una de las ventajas que trae, es la posibilidad de agregarle ‘Extensions’, algo asi como plugins. En este caso, les contaremos acerca de una, ‘Web Developer Toolbar’.

Web Developer Toolbar (WDT apartir de aquí), es un extension para Firefox,
que como su nombre lo indica, agrega gran cantidad de herramientas, para desarrolladores
web (http://www.chrispederick.com/work/firefox/webdeveloper/). Una vez que lo instalamos,
aparece una nueva barra en el Firefox, la cual presenta las siguientes opciones:

Menu Disable:

Desde este menu, podemos eliminar todas las cookies asociadas al dominio que
estamos navegando, desactivar el manejo de cookies por completo, desactivar animaciones
en imágenes (Gif animados), desactivar todas las imágenes, el soporte Java/JavaScript, el
registro de referrers, y más.

Menu CSS:

Desde aquí, podremos manejar todo lo que sea referente a CSS, como ser, agregar una plantilla
de estilo a la pagina actual, editar la plantilla de estilos del sitio que estamos viendo
actualmente, y los cambios que hacemos se ven realtime en la pagina que estamos navegando,
ver que estilo se aplica a que objeto de la pagina, etc.

Menu Forms:

En este menu, tenemos todo tipo de opciones para el manejo de formularios, como ser
convertir todos los formularios con métodos GET a POST y viceversa, mostrar detalle
de todos los forms de la pagina que estamos viendo (como ser el action, id, name, etc),
tambien podemos activar la opción de ‘Autocompletado’ para todos los campos del formulario
(por mas que este desactivada), activar la escritura en todos los campos del formulario,
(por mas que esten como solo lectura), completar automaticamente todos los campos de un
formulario (usando el nombre del campo como valor), algo ideal para cuando estas
debugeando/probando un formulario con 200 preguntas. Tambien podemos hacer que los campos
del tipo ‘password’ (que normalmetne se muestra como asteriscos) nos muestren su valor o
pedir una pagina de informacion de los formularios, en donde detalla el nombre de cada
campo, el valor que tiene, el action del formulario, el tipo de campos, etc.

Menu Images:

Entre todas las opciones que tiene, podemos optar por que nos muestre el tamaño de cada
imagen (con un mouseover), que muestre el path, que oculte todas las imagenes, que las
vuelva invisibles, que muestre las imagenes rotas, etc.

Menu Information:

Desde esta opción, podremos ver todo tipo de información de la pagina que estamos viendo,
como ser, si usa SSL, ver sus certificados, ver si tiene shortcuts asociados, ver los
ids y class utilizados, ver todos los datos usados en las cookies, ver los headers
que manda el servidor web, o correr un ‘speed report’ que informa sobre
los tiempos de carga del sitio, etc.

Menu Validation:

Incluye un monton de opciones de validacion de paginas webs .. como ser validar xhtml, html4.0,
css, etc.

Menu Resize:

Nos da la opción de modificar el tamaño del navegador, para poder verificar como se mostraria
la página en diferentes resoluciones.

Menu Miscellaneous:

Nos permite borrar el cache de una pagina, borrar la sesion de autentificacion http, borrar
las cookies, cargar la consola de errores java, javascript, mostrar los comentarios de la
pagina, etc.

En fin, esta extension, incluye muchisimas opciones, y la gran mayoria son muy utiles
para alguien que esta trabajando en diseño web, por lo tanto, para aquellas personas
que realizan estas tareas, es la herramienta ideal.

Links de Referencia:

WebDevelopersTools Extension:
http://www.chrispederick.com/work/firefox/webdeveloper/

Mozilla Firefox:
http://www.mozilla.org/products/firefox/

You must be logged in to post a comment.

Buscar: