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

muneeb，我总是用萤火虫。首先你需要在安装后安装插件你会看到火箭的顶部部分的灰色BUG图标。您可以通过按下该图标或按F12键开始调试。你会看到像这样的标签控制台，HTML，CSS，脚本，DOM，净，饼干。

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

调试javascript模板

2 个答案: