调试javascript模板

Debug javascript template

本文关键字:模板 javascript 调试      更新时间:2023-09-26

我想问是否有任何方法来调试JavaScript模板中编写的代码?我将underscore.jsbackbone.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;
        }
    });

在Backbone Eye (Firebug扩展)中,您可以调试下划线模板-就像它们是普通的JavaScript文件一样。模板id(如果指定了)出现在(Firefox的)脚本窗口中,您可以选择它(就像常规脚本文件一样),设置断点并观察模板的增量构建过程。关于如何做到这一点的更多细节,请访问http://dhruvaray.github.io/spa-eye/#views

我总是用firebug。首先,你需要安装插件,安装后,你会看到灰色的BUG图标在firefox的右上角。您可以通过按下该图标或按F12键开始调试。在那里你会看到类似的标签控制台、HTML、CSS、脚本、DOM,饼干。

选择脚本将要求您重新加载页面,以便firebug能够捕获编写的Java脚本。添加断点并开始调试:)