聚合物1.x：如何打印聚合物元素的所有属性？

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()，但你也可以使用%o替换字符串在一个标准console.log()电话：

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

的list of substition strings是在MDN的网站上可以找到。

Answer 2

摘要：

使用

console.dir(doc);