title: Polymer 1.x: How to print all the properties of a Polymer element?
body: <p>How do I print to the console all the properties of an element I have imported into a custom element.</p>
  
  <p>For example, I have a custom element <code>my-el</code> and in that element, I have imported a <code>firebase-document</code> element. I want to know the current state of the model for the <code>firebase-document</code> element by observing the value of all the properties of the <code>firebase-document</code> at a particular point in time.</p>
  
  my-el.html
  
  <pre><code>&lt;firebase-document id="document"
                     app-name="my-app"
                     data="{{data}}"&gt;
  &lt;/firebase-document&gt;
  ...
  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);
  }
  </code></pre>
  
  <p>By <em>works</em>, I mean it does not produce the desired behavior of printing an object to the console. The object being <a href="https://elements.polymer-project.org/elements/polymerfire?active=firebase-document" rel="nofollow">all the properties</a> of the <code>doc</code> object.</p>