Chrome 开发者工具和 Ember 模板文件 (.hbs)

Question

在 Chrome 开发者工具中，如何查看 Ember 模板文件 (.hbs)

它当前显示一个 tpl.js 文件（即代替 tpl.hbs）...即以某种方式自动将其转换为 JS 文件，但该 JS 模板代码中没有任何内容？

Answer 1

简短的回答： 在大多数 ember 发布中，您无法在客户端看到 hbs 文件。

长答案： 在 ember.js 中你真的看不到模板文件，特别是因为它们是在服务器端编译的，从来没有作为 hbs 端发送到客户端

此外，我怀疑您正在尝试调试模板，因为有一些开发助手 - http://guides.emberjs.com/v1.10.0/templates/development-helpers/

您可以：

1. 使用 Ember 检查器，您可以查看模板名称，然后检查服务器端的 hbs 以查看其外观。

2. 在 unix 上的旧 printf 上使用简单的 {{valueToTest}} :)

3. 使用调试器助手打印出模板上的当前上下文。

这些是我用来调试模板的方法。