Web Developer, extensión imprescindible para desarrolladores Web

30/03/2006

Web Developer es una extensión para Firefox, que contiene numerosas herramientas y ayudas para desarrolladores del web.

Incluye muchas herramientas útiles a la hora de desarrollar una página, todas instaladas de un golpe y accesibles a través de una barra de navegación que aparece en la superior del navegador, debajo de la botonera.

Barra de Web Developer

Esta barra de navegación contiene una serie de funciones agrupadas en las siguientes categorías:

Disable: sirve para deshabilitar diversos componentes o partes del navegador. Por ejemplo, para deshabilitar la caché, Javascript, el bloqueador de popups, los colores de la página…

Cookies: nos permite hacer cosas con las cookies, como no permitirlas o encontrar información completa de las cookies que nos envían en cada página.

CSS: para realizar diversas acciones sobre las hojas de estilo. Nos permite no aplicarlas a la página, ver algunos estilos y otros no… incluso tiene una opción para editar las hojas de estilo en el propio Firefox y así ver cómo, alterando el código CSS de la página, se cambia el aspecto de la web.

Forms: nos permite realizar diversas acciones sobre formularios, como resaltar y obtener información de todos sus campos, cambiar los campos select por campos de texto, completar con texto todos los campos del formulario o quitar los maxlength de los mismos.

Images: dispone de diversas opciones para alterar la presencia de las imágenes. Puedes permitirlas o deshabilitarlas, incluso deshabilitar sólo las imágenes que son externas al sitio web. Mostrar información de las imágenes, como sus rutas, tamaño en bytes, dimesiones en píxeles, etc.

Information: nos permite obtener más información de un montón de elementos de la página. Permite ver información sobre las anclas, el tamaño del documento, la profundidad de las tablas, el Javascript que se está ejecutando, información de los enlaces, etc.

Miscellaneous: son varias opciones de distinta índole, como mostrar comentarios, unas guías para saber la localización de puntos en la página, editar el código HTML para ver qué ocurre directamente al cambiar el código de cualquier página sin tener que subirla al servidor, una visualización de la página en dispositivos con pantallas pequeñas…. Estas son opciones desconectadas entre si, pero algunas bastante útiles.

Outline: que sirve para destacar elementos de la página, como los enlaces, frames, tablas, celdas, elementos obsoletos que se puedan estar utilizando en el código, etc.

Resize: es una interesante utilidad para redimensionar la ventana del navegador, para observar el aspecto que tiene la web si se redimensiona la ventana a otros tamaños o definiciones de pantalla.

Tools: contiene unas herramientas muy útiles, como verificador de links, validadores del código, acceso a la consola de Java o Javascript, etc.

View Source: como su nombre indica, nos sirve para ver el código fuente.

Options: diversas opciones para configurar el comportamiento del navegador o de esta extensión para desarrolladores.

Algunos enlaces de interés

FireBug

One Response to “Web Developer, extensión imprescindible para desarrolladores Web”


  1. […] Similar a la extensión Web Developer para Firefox y tomando como referencia la Web Accessibility Toolbar, Microsoft ha lanzado una beta […]


Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: