Polymer 1.x：Polymer要素のすべてのプロパティを印刷する方法は？

Question

カスタム要素にインポートした要素のすべてのプロパティをコンソールに出力する方法を教えてください。

たとえば、カスタム要素my-elがあり、その要素にはfirebase-document要素がインポートされています。特定の時点におけるfirebase-documentのすべてのプロパティの値を観察することによって、firebase-document要素のモデルの現在の状態を知りたいと思います。 作品ことで

私-el.html

<firebase-document id="document" 
        app-name="my-app" 
        data="{{data}}"> 
</firebase-document> 
... 
foo: function() { 
    ... 
    var doc = this.$.document; 
    // Neither of the following "works" (see below for definition) 
    console.log('doc', doc); 
    console.log('doc.properties', doc.properties); 
} 

、私はそれがコンソールにオブジェクトを印刷し、所望の動作を生成しません意味します。オブジェクトは、docオブジェクトのall the propertiesです。コメントから

Answer 1

あなたはconsole.dir()を使用することができますが、あなたはまた、標準console.log()呼び出しで%o置換文字列を使用することができます。

console.log('doc=%o', doc); 

list of substition stringsがありますMDNのウェブサイトで利用可能です。

Answer 2

概要：

使用

console.dir(doc);