2015-09-03 29 views
6

debugging Polymer 0.5 ana sayfa için bilgi oldukça eski ve Polymer 1.0 için çalışmıyor.Polimer projesi 1.x nasıl hata ayıklanır?

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

ithalat İçinde:

Yapmam yani ne, bazı günlükleri görmek istiyorum

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

url Hit: http://localhost:8080/index.html?debug&log=bind,ready,events.
Ve sonunda konsolda herhangi bir günlük göremiyorum.

Polymer 1.0 hata ayıklamanın doğru yolu nedir?

cevap

7

Eğer (ör veri bağlanma) özellikleri ayıklama, sonra properties guide okumak ve observers alan yararlanabilirler.

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

Ayrıca Polimer bağlama sonra yapabileceğiniz: İşte bir örnek

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

Bu eleman isimleri kayıtlı olan günlüğe kaydeder.

İlgili konular