Pregunta

Utilizo mucho Firebug y la consola Mozilla JS, pero de vez en cuando me encuentro con un error de JavaScript exclusivo de IE, que es realmente difícil de localizar (por ejemplo: error en la línea 724, cuando el HTML fuente solo tiene 200 líneas).

Me encantaría tener una herramienta JS liviana (a la firebug) para Internet Explorer, algo que puedo instalar en segundos en la PC de un cliente si encuentro un error y luego lo desinstalo.Algunas herramientas de Microsoft requieren mucho tiempo de descarga y configuración.

¿Algunas ideas?

¿Fue útil?

Solución

Podrías encontrar Firebug Lite útil para eso.

Su bookmarklet debería ser especialmente útil al depurar en la máquina de un usuario.

Otros consejos

Desde Internet Explorer 8, IE viene con un conjunto bastante impresionante de herramientas para depuración, creación de perfiles y más de JavaScript.Como la mayoría de los otros navegadores, se puede acceder a las herramientas de desarrollador presionando F12 en el teclado.

Pestaña Guión

Es probable que la pestaña Script sea lo que le interese, aunque las pestañas Consola, Generador de perfiles y Red también se utilizan mucho al depurar aplicaciones.

enter image description here

Desde la pestaña Script puedes:

  • Formatee JavaScript para hacerlo más legible
  • Pasar de una fuente a otra de varios recursos en la página
  • Insertar puntos de interrupción
  • Entra y pasa por líneas de código mientras avanzas en su ejecución.
  • Ver variables
  • Inspeccione la pila de llamadas para ver cómo se ejecutó el código
  • Alternar puntos de interrupción
  • y más...

Pestaña Consola

La pestaña de la consola es ideal cuando necesitas ejecutar algún código arbitrario en la aplicación.Utilizo esto para verificar el retorno de ciertos métodos, o incluso para probar rápidamente soluciones en busca de respuestas en Stack Overflow.

enter image description here

Pestaña Perfilador

El perfil es excelente si está buscando procesos de ejecución prolongada o si intenta optimizar su código para que se ejecute de manera más fluida o realice menos llamadas a métodos que consumen muchos recursos.Abra cualquier página y haga clic en "Iniciar creación de perfiles" en la pestaña Generador de perfiles para comenzar a grabar.

Mientras el generador de perfiles está funcionando, puede moverse por la página y realizar acciones comunes.Cuando sienta que ha grabado lo suficiente, presione "Deja de perfilar". Luego se le mostrará un resumen de todas las funciones ejecutadas o un árbol de llamadas.Puede ordenar rápidamente estos datos por varias columnas:

enter image description here

Pestaña Red

La pestaña de red registrará el tráfico en su sitio/aplicación.Es muy útil para encontrar archivos que no se descargan, se bloquean o para rastrear datos que se solicitan de forma asincrónica.

Dentro de esta pestaña también puede moverse entre una vista Resumen y una vista Detallada.Dentro de la vista detallada puede inspeccionar los encabezados enviados con solicitudes y respuestas.Puede ver información de cookies, comprobar el momento de los eventos y más.

enter image description here

Realmente no estoy haciendo justicia a las herramientas de desarrollo de IE: hay mucho terreno por descubrir.Sin embargo, te animo a que los revises y los hagas parte de tu desarrollo.

yo recomendaria Compañero JS.

Esta es la versión gratuita de Barra de depuración pero lo encuentro más fácil de usar y tengo las funciones que necesito.Genial para probar pequeños fragmentos de JavaScript en IE de la misma manera que lo hago con Firebug en Firefox.

EDITAR 5 años después:Ahora uso las herramientas de desarrollo integradas de Internet Explorer.

Se supone que IE 8 tiene mejores herramientas, pero la barra de herramientas para desarrolladores de IE es bastante buena.

yo uso ambos Depurador de secuencias de comandos de Microsoft y FireBug Lite, dependiendo de lo que esté depurando.Ambas son excelentes herramientas: pruébalas y únelas con lo que te resulte más cómodo.

¡En IE8 simplemente presione F12!

  1. Vaya a Herramientas->Opciones de Internet…->Avanzado->Habilitar depuración de scripts (Internet Explorer)

luego adjunte Visual Studio Debugger cuando ocurra un error.

Si está utilizando IE 8, instale la barra de herramientas del desarrollador porque tiene un depurador integrado.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top