in Otros

Js Debugging con Internet Explorer

Siguiendo con el tema debugging de JavaScript, ahora llego el turno de Internet Explorer, después de varios días de tortura, dado que sufro cada vez que tengo que usar algo de Microsoft, encontré un conjunto de herramientas que me ayudaron a realizar el trabajo de debuggear sobre Internet Explorer.

La versión de IE con la que mejor pude realizar el trabajo es IE8, 7 y 6 carecen de herramientas para realizar este trabajo de una manera sencilla, pero con IE8 podes acercarte bastante a que funcione en IE7 …. IE6 es un mundo aparte, hoy en día no funciona casi nada en dicho navegador. IE8 cuenta con una herramienta para desarrollo web muy similar a Firebug pero no idéntica, esta herramienta posee un visor del DOM, visor de CSS, visor de Scripts, y una consola para debbuging compatible con la consola de Firebug (log, warn, error, etc).

Lo que no posee esta herramienta es un monitor de Red pero eso lo podemos complementar con otra herramienta llamada Friddle.

Adicionalmente tambien podemos instalar DebugBar que viene al pelo para ver el DOM y CSS, tambien posee monitor HTTP.

Me recomendaron tambien VS 2010 Expresss para realizar el debugging, pero no la alcanzé a probar, en realidad no me animo, a ver si todavía me gusta :P.

Para probar en las diferentes versiones de IE pueden usar IETester, emula todas las versiones de IE, muy piola la herramienta.

Aqui la lista de Herramientas y Links

IE Tester http://www.my-debugbar.com/wiki/IETester/HomePage
Debug Bar http://www.debugbar.com/?langage=en
Fiddler2 http://www.fiddler2.com/fiddler2/
Web Development Helper  http://www.nikhilk.net/

Y aqui unos links a algunos Docs

http://msdn.microsoft.com/en-us/library/dd565628(v=vs.85).aspx

http://msdn.microsoft.com/en-us/library/dd565625(v=vs.85).aspx

http://www.developertipoftheday.com/2010/12/output-to-built-in-ie-developer-console.html

http://msdn.microsoft.com/en-us/library/dd565622(v=VS.85).aspx

Write a Comment

Comment

*

  1. Claro que IE6 no trae debugger!!!
    Siempre usamos Visual Studio para depurar.
    Es muy comodo (y trivial) depurar una aplicacion web con VS ya que cuando le das F5 (debug) levantas el debugger en el web server y en el explorer tambien, asi que caen breakpoints (y exceptions) de todos lados 🙂
    Hoy en dia esta mas pareja la cosa, pero en la era del IE6 me acuerdo que un error de syntaxis en javascript era dificilisimo de encontrar (el mensaje de error ni hablar)… recuerdo que muchas veces abria la pagina con otro browser solo para que me diga donde me faltaba un ‘;’