Cómo inspeccionar objetos Javascript

¿Cómo puedo inspeccionar un objeto en un cuadro de alerta? Normalmente, alertar a un objeto arroja el nombre de nodo:

alert(document);

Pero quiero obtener las propiedades y métodos del objeto en el cuadro de alerta. ¿Cómo puedo lograr esta funcionalidad, si es posible? ¿O hay otras sugerencias?

En particular, estoy buscando una solución para un entorno de producción donde console.log y Firebug no están disponibles.

Los bucles for- inpara cada propiedad en un objeto o matriz. Puede utilizar esta propiedad para obtener el valor y cambiarlo.

Nota: las propiedades privadas no están disponibles para inspección, a menos que use un "espía"; Básicamente, anula el objeto y escribe un código que hace un bucle for-in dentro del contexto del objeto.

Porque en se parece a:

for (var property in object) loop();

Algún código de muestra:

function xinspect(o,i){
    if(typeof i=='undefined')i='';
    if(i.length>50)return '[MAX ITERATIONS]';
    var r=[];
    for(var p in o){
        var t=typeof o[p];
        r.push(i+'"'+p+'" ('+t+') => '+(t=='object' ? 'object:'+xinspect(o[p],i+'  ') : o[p]+''));
    }
    return r.join(i+'\n');
}

// example of use:
alert(xinspect(document));

Editar: Hace algún tiempo, escribí a mi propio inspector, si está interesado, me complace compartirlo.

Edición 2: Bueno, escribí uno de todos modos.

¿Qué tal alert(JSON.stringify(object))con un navegador moderno?

En el caso de TypeError: Converting circular structure to JSON, aquí hay más opciones: ¿Cómo serializar el nodo DOM a JSON incluso si hay referencias circulares?

La documentación: JSON.stringify()proporciona información sobre cómo formatear o embellecer la salida.

Usar console.dir(object)y el complemento Firebug

Hay algunos métodos:

 1. typeof tells you which one of the 6 javascript types is the object. 
 2. instanceof tells you if the object is an instance of another object.
 3. List properties with for(var k in obj)
 4. Object.getOwnPropertyNames( anObjectToInspect ) 
 5. Object.getPrototypeOf( anObject )
 6. anObject.hasOwnProperty(aProperty) 

En un contexto de consola, a veces el .constructor o .prototype puede ser útil:

console.log(anObject.constructor ); 
console.log(anObject.prototype ) ; 

Usa tu consola:

console.log(object);

O si está inspeccionando elementos html dom, use console.dir (objeto). Ejemplo:

let element = document.getElementById('alertBoxContainer');
console.dir(element);

O si tiene una matriz de objetos js, puede usar:

console.table(objectArr);

Si está generando una gran cantidad de console.log (objetos), también puede escribir

console.log({ objectName1 });
console.log({ objectName2 });

Esto le ayudará a etiquetar los objetos escritos en la consola.

var str = "";
for(var k in obj)
    if (obj.hasOwnProperty(k)) //omit this test if you want to see built-in properties
        str += k + " = " + obj[k] + "\n";
alert(str);

Esta es una flagrante estafa de la excelente respuesta de Christian. Lo acabo de hacer un poco más legible:

/**
 * objectInspector digs through a Javascript object
 * to display all its properties
 *
 * @param object - a Javascript object to inspect
 * @param result - a string of properties with datatypes
 *
 * @return result - the concatenated description of all object properties
 */
function objectInspector(object, result) {
    if (typeof object != "object")
        return "Invalid object";
    if (typeof result == "undefined")
        result = '';

    if (result.length > 50)
        return "[RECURSION TOO DEEP. ABORTING.]";

    var rows = [];
    for (var property in object) {
        var datatype = typeof object[property];

        var tempDescription = result+'"'+property+'"';
        tempDescription += ' ('+datatype+') => ';
        if (datatype == "object")
            tempDescription += 'object: '+objectInspector(object[property],result+'  ');
        else
            tempDescription += object[property];

        rows.push(tempDescription);
    }//Close for

    return rows.join(result+"\n");
}//End objectInspector

Aquí está mi inspector de objetos que es más legible. Debido a que el código tarda mucho en escribir aquí, puede descargarlo en http://etto-aa-js.googlecode.com/svn/trunk/inspector.js

Use así:

document.write(inspect(object));