2015-10-15 50 views
0

在Chrome開發者工具,我怎麼可以查看灰燼模板文件(.hbs)Chrome開發者工具和灰燼模板文件(.hbs)

目前,它顯示了一個tpl.js文件(即到位第三方物流。 hbs)...即以某種方式自動將其轉換爲JS文件,但該JS沒有模板代碼?

+1

你會想要使用[ember inspector](https://chrome.google.com/webstore/detail/ember-inspector/bmdblncegkenkacieihfhpjfppoconhi?hl=en) –

+0

我確實檢查過......無法找到Ember的檢查員以及 – testndtv

+1

通過檢查你可以找到模板名稱,我不認爲有任何工具可以顯示你的hbs文件,因爲它被編譯爲js –

回答

0

簡答題: 在大多數ember卷展欄中,您無法在客戶端看到hbs文件。

長的答案: 你真的不能看到ember.js模板文件,特別是因爲它們被編譯在服務器端,並不會發送到客戶端HBS側

而且我懷疑你嘗試調試模板,對於有一些發展的幫手 - http://guides.emberjs.com/v1.10.0/templates/development-helpers/

您可以:

  1. 使用灰燼檢查,這將讓你查看模板名稱,然後檢查服務器端的hbs以查看它的外觀。
  2. 使用簡單{{valueToTest}}像舊的printf在UNIX :)

  3. 使用調試器助手打印輸出模板上的當前上下文。

這些是我用來調試模板的方法。