2015-09-03 13 views
6

Informacje na stronie głównej dla debugging Polymer 0.5 są dość przestarzałe i nie działają dla Polymer 1.0.Jak zdebugować projekt Polymer 1.x?

chcę zobaczyć niektóre dzienniki, więc co mam zrobić:

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

Wewnątrz importu:

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

Hit URL: http://localhost:8080/index.html?debug&log=bind,ready,events.
I w końcu nie widzę żadnych dzienników na konsoli.

Jaki jest właściwy sposób debugowania Polymer 1.0?

Odpowiedz

7

Jeśli debugowanie właściwości wiążące (np dane), a następnie odczytać properties guide i skorzystać z observers dziedzinie. Oto przykład:

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); 
    } 
}); 

także po połączeniu polimeru można zrobić:

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

To będzie rejestrować nazwy elementów są rejestrowane.

Powiązane problemy