vista tag predeterminar predeterminada modo internet forzar emulador emulacion documento compatibilidad cambiar internet-explorer ie-developer-tools

internet-explorer - tag - modo de documento emulador internet explorer



Mostrar objetos en la consola de herramientas de desarrollo de IE (8)

Estoy depurando mi aplicación web en Firefox, Chrome e Internet Explorer. Con este último, estoy usando Developer Tools para depurar mis scripts.

El problema que tengo es que cuando escribo alguna expresión en la ventana de la consola y devuelve un objeto, todo lo que puedo ver es un {...} sencillo que no es realmente útil.

¿Es posible hacer que funcione de manera similar a la consola Firebug o Chrome que realmente muestra el contenido del objeto? Chrome es el mejor en este sentido, porque puede atravesar directamente el objeto completo como en Visual Studio.

De todas formas. ¿Es posible hacer que la consola de IE Developer Tools muestre las propiedades de los objetos y sus valores?


Agregue el objeto a mirar y puede verlo y analizarlo completamente desde el panel de vigilancia.


Aquí hay una manera bastante fuera de lo normal: ejecutar el objeto a través de JSON.stringify y mostrar los resultados de eso en su lugar.


Lo que funciona para mí y esto puede ser algo que hayan agregado recientemente, pero después de que hagas clic en el registro de la consola. Borre el registro pero deje la consola abierta y luego actualice la página. A medida que la página se carga, debería poder explorar los objetos. No estoy seguro de por qué debe hacerse de esa manera, pero parece funcionar.


Pruebe console.dir(/*object*/); Esto debería darle un poco más de detalle en es decir.


Pruebe esto en la ventana del script de la consola:

for (var a in object) { console.log("object["+a+"]="+object[a]) }

Por ejemplo,

for (var a in document.head){ console.log("document.head["+a+"]="+document.head[a]) }


Si la API Prototype es una opción, puedes depurar tus objetos de la siguiente manera:

var obj = window.JSON.parse(''{"d":"2010-01-01T12:34:56Z","i":123}''); alert($H(obj).inspect());

Aparte de eso, no conozco otra forma de no obtener el realmente útil {...} .


Yo uso el objeto JSON incorporado.

JSON.stringify(my_object)


Para explorar las propiedades y valores de un objeto en IE , primero debe:

  • Tener un conjunto de punto de interrupción (o depuración de scripts habilitada)
  • Dispara el punto de interrupción (o encuentra un error)

La pestaña Locales tiene las propiedades y los detalles disponibles localmente en el momento en que se activó el punto de interrupción. Al agregar un nombre de objeto a la pestaña de observación , puede ver las propiedades y detalles del objeto nombrado

Nuestros "amigos" en Microsoft tienen un video que describe la herramienta de desarrollo de IE . A las 3:03 es cuando mencionan esta forma "fácil" de explorar objetos.