Como inspecionar objetos Javascript

Como posso inspecionar um objeto em uma caixa de alerta? Normalmente alertar um objeto apenas lança o nome do nó:

alert(document);

Mas desejo obter as propriedades e métodos do objeto na caixa de alerta. Como posso obter essa funcionalidade, se possível? Ou há alguma outra sugestão?

Particularmente, estou procurando uma solução para um ambiente de produção onde console.log e Firebug não estão disponíveis.

O for- inloops para cada propriedade em um objeto ou matriz. Você pode usar essa propriedade para obter o valor, bem como alterá-lo.

Nota: Propriedades privadas não estão disponíveis para inspeção, a menos que você use um "espião"; basicamente, você sobrescreve o objeto e escreve algum código que faz um loop for-in dentro do contexto do objeto.

Para em parece:

for (var property in object) loop();

Alguns exemplos de código:

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));

Edit: Algum tempo atrás, eu escrevi meu próprio inspetor, se você estiver interessado, fico feliz em compartilhar.

Editar 2: Bem, eu escrevi um de qualquer maneira.

Que tal alert(JSON.stringify(object))com um navegador moderno?

No caso de TypeError: Converting circular structure to JSON, aqui estão mais opções: Como serializar o nó DOM para JSON mesmo se houver referências circulares?

A documentação: JSON.stringify()fornece informações sobre como formatar ou embelezar a saída.

Use console.dir(object)e o plugin Firebug

Existem alguns 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) 

Em um contexto de console, às vezes o .constructor ou .prototype pode ser útil:

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

Use seu console:

console.log(object);

Ou, se você estiver inspecionando elementos dom html, use console.dir (objeto). Exemplo:

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

Ou se você tiver uma matriz de objetos js que pode usar:

console.table(objectArr);

Se você estiver gerando muitos console.log (objetos), você também pode escrever

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

Isso o ajudará a rotular os objetos gravados no console.

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 é uma fraude flagrante da excelente resposta de Christian. Acabei de torná-lo um pouco mais legível:

/**
 * 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

Aqui está meu inspetor de objetos que é mais legível. Como o código demora muito para ser escrito aqui, você pode baixá-lo em http://etto-aa-js.googlecode.com/svn/trunk/inspector.js

Use assim:

document.write(inspect(object));