Gewusst wie: Debuggen von Polymer-Projekt 1.x?

Informationen auf der Haupt-Website für debugging Polymer 0.5 ist ziemlich veraltet und funktioniert nicht für Polymer 1.0.

Will ich sehen, einige logs, also, was ich Tue:

<script>
  window.Platform = {flags: {debug: true, log: 'bind,ready'}};    
</script>
<script src="/node_modules/webcomponents.js/webcomponents.js" debug></script>
<link rel="import" href="...">

Innerhalb der import:

<link rel="import" href="./bower_components/polymer/polymer.html">
<dom-module id="my-custom-element">...</dom-module>

Treffer der url: http://localhost:8080/index.html?debug&log=bind,ready,events.

Und schließlich kann ich nicht sehen, alle logs auf der Konsole.

Was ist der richtige Weg des debugging-Polymer 1.0?

InformationsquelleAutor ilyaigpetrov | 2015-09-03
  1. 7

    Wenn Sie Debuggen Eigenschaften (z.B. Datenbindung), dann Lesen Sie Eigenschaften-guide und nutzen observers Feld. Hier ist ein Beispiel:

    Polymer({
  is: 'portfolios-foobar',

  properties: {
    portfolios: {
      type: Array,
      value: [],
      notify: true,
      reflectToAttribute: true,
      observer: 'logChange'
    }
  },
  logChange: function(newValue, oldValue) {
    console.log('Changed! To:', newValue);
  },

  addFolio: function(folio) {
      this.push('portfolios', folio);
    },

  observers: [
     'logFor(portfolios)',
     'hackyObserver1(portfolios.*)',
     'hackyObserver2(portfolios.splices)'
  ],

  logFor: function(newValue, oldValue) {
    console.log('LogFor! To:', newValue);
  },
  hackyObserver1: function(changes) {
    console.log('One!', changes);
  },
  hackyObserver2: function(changeRecord) {
    console.log('Two! Splices!', changeRecord);
  }
});

    Auch nach linking Polymer, die Sie tun können: 

    Polymer.log = console.log.bind(console); //Not part of the public API, may be broken.

    Diese protokolliert element-Namen registriert werden.

    InformationsquelleAutor ilyaigpetrov
  2. 1

    Ich hoffe das ist was Ihr sucht console.info();

    Können Sie es bei https://www.polymer-project.org/1.0/docs/devguide/events "Event-retargeting"

    Ich würde tack auf ein code-Beispiel, aber Sie bereits tun, dass in den docs.

    InformationsquelleAutor edesilets
Schreibe einen Kommentar