Herramientas de consuelo

March 9th, 2007

Antes de continuar, dejenme aclarar que no me refiero a ese tipo de consolación, así que espero no haberlos decepcionado.

Ya lo he dicho antes, que para cualquier persona involucrada con diseño web Firebug es simplemente milagroso. Una de esas herramientas que te cambia la vida, como el destornillador eléctrico para los electrisistas, o el martillo para los carpinteros.

Pero lamentablemente, cualquier persona involucrada con diseño web también debe asegurarse que su diseño web funcione en otros navegadores, y MSIE (mejor conocido como “el fucking explorer”) suele ser fuente de numerosos problemas. Y despues de haber usado Firebug en Firefox, tener que depurar una página en MSIE provoca sentimientos que van desde una lágrima solitaria hasta ideas de suicidio (dependiendo principalmente de la frecuencia de los problemas, y del navegador preferido por tu jefe).

Pues poco a poco he ido descubriendo alternativas de consuelo. Tres herramientas que no se comparan a Firebug, pero que entre ellas proveen, digamos, un 60% de lo que es Firebug. Lo cual resulta suficiente para mejorar tu vida significativamente y devolverte las ganas de despertar por las mañanas.

Microsoft Script Debugger te permite depurar JavaScript (el manual y este tutorial te explica un poco mejor como usarlo). Está disponible desde hace casi una década (cuando NT 4.0 era el sistema operativo de moda) pero aun sigue siendo util.

Microsoft IE Developer Toolbar, que a pesar del nombre no aparece en el menú de “toolbars” sino en el de “explorer bars” (pase media hora buscandolo despues de instalarlo) y ofrece la visualización del “arbol de html”, con algunas opciones limitadas de edición y un análisis de estilos razonablemente completo. Pueden ver más detalles en el post sobre el beta 3. No me queda la menor duda de que está “inspirado” en Firebug y hay que reconocer que no hicieron mal trabajo.

Fiddler es un “proxy automático” que te permite observar y manipular todas las solicitudes HTTP que realiza tu aplicación. Es ideal para descubrir si el formulario está enviando los parametros que esperas o si fuiste redirigido al url apropiado. Y si usas AJAX, es mil veces más util e imprescindible. Se parece mucho al “Tamper Data” de Firefox y es la única herramienta de esta lista que no fue desarrollada por Microsoft.

Así que aquí las tienen, las tres herramientas que junto a Firebug tienen el potencial para llevar la calidad de vida de los desarrolladores web a otro nivel, a un mundo con nuevas promesas, a un paraiso indescriptible, o, bueno, al menos a una realidad un poco menos miserable.

6 Respuestas a “Herramientas de consuelo”

  1. Taufpate dijo:
    Coincido contigo, MSIE es un DOLOR de cabeza para cualquier desarrollador.. es increible que Microsoft no haga algo por los desarrolladores... Las primeras dos herramientas que mencionas las uso, en cuanto al proxy de momento utilizo PAROS (parosproxy.org) que en principio lo usaba mas para probar "seguridad" de desarrollos.. anyways a ver si me animo a probar el Fiddler.
  2. zeitan dijo:
    Si desarrollas algunas veces todo en microsoft es el mundo perfecto ya que podrías depurar bastante con Visual Studio, pero el tema es cuando el cliente es IE y el backend(web server) no es MS, allí como te digo es la locura. Acá por ejemplo los desarrollos son en jaav la mayoría pero como hay aplicaciones que se hacen en .NET tengo licencia de Visual Studio Montada y la depuración de los JS se me hace batsante simple de las paginas que hacen sobre websphere, obvio de que se pueda hacer desde el mismo wasd solo que em gusta mas la ide de vs.net para eso
  3. manuel dijo:
    No lo remarcan mucho en su sitio, pero Fiddler sí es de Microsoft...
  4. Hipotecas dijo:
    Un articulo muy interesante, Saludos desde Salamanca. Javier Rios
  5. Matías dijo:
    Si, Internet Explorer es una pesadilla.
  6. Ivan dijo:
    Muchísimas gracias por ayudarme a encontrar una "alternativa" a firebug para el explorer.

Deja tu respuesta

If you can read this, you don't use a typical webbrowser that plays nice with CSS.
Please do not fill in anything here!