0

我想问有没有办法调试用 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;
        }
    });
4

2 回答 2

1

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

于 2013-09-05T10:04:32.213 回答
0

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

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

于 2013-04-16T12:00:53.373 回答