调试 javascript 模板

Question

我想问有没有办法调试用 JavaScript 模板编写的代码？我正在使用underscore.js 和backbone.js 作为模板。

其他 JavaScript 代码可以通过 firebug/chrome 进行调试。但我不知道如何调试模板。有可能吗？

编辑

var t ='        <div class="row-fluid">'                                                                                                          '
        +'          <div class="span12">'                                                                                                           '
        +'            <div class="span2 nowrap">'                                                                                                   '
        +'              <input class="" type="checkbox"/><%=Time%>'                                                                       '
        +'            </div>'                                                                                                                       '                                                                                                                     '
        +'        </div>'                                                                                                                          '



    TableRow = Backbone.View.extend({
        tagName: 'div',
        template:_.template(t),
        className: "",

        initialize: function (options) 
        {

        },

        render: function() 
        {
            this.$el.html( this.template(this.model.toJSON()) );
            return this;
        }
    });

Answer 1

在 Backbone Eye（Firebug 扩展）中，您可以调试下划线模板 - 就像它们是常规 JavaScript 文件一样。模板 id（如果指定）出现在（Firefox）的脚本窗口中，您可以选择它（就像常规脚本文件一样），放置断点并观察模板的增量构建。有关如何执行此操作的更多详细信息，请访问http://dhruvaray.github.io/spa-eye/#views

Answer 2

穆尼布， 我一直用萤火虫。 首先你需要安装插件，安装后你会看到 Firefox 右上角的灰色 BUG 图标。 您可以通过按该图标或按 F12 键开始调试。 在那里你会看到像这样的标签 控制台、HTML、CSS、脚本、DOM、网络、cookies。

选择脚本会要求您重新加载页面，以便 firebug 可以捕获编写的 java 脚本。 添加断点并开始调试。:)