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

Answer 2

您可以使用console.dir()，但您也可以在标准%o电话中使用console.log()替换字符串：

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

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