调试javascript模板
我想问一下,有没有办法调试用JavaScript模板编写的代码?我将调试javascript模板,javascript,firebug,underscore.js,google-chrome-devtools,Javascript,Firebug,Underscore.js,Google Chrome Devtools,我想问一下,有没有办法调试用JavaScript模板编写的代码?我将下划线.js与主干.js一起用于模板 其他JavaScript代码可以通过firebug/chrome进行调试。但我不知道如何调试模板。可能吗 编辑 var t =' <div class="row-fluid">'
下划线.js
与主干.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;
}
});
var t=''
+' ' '
+' ' '
+' ' '
+' ' ' '
+' ' '
TableRow=Backbone.View.extend({
标记名:“div”,
模板:模板(t),
类名:“”,
初始化:函数(选项)
{
},
render:function()
{
this.el.html(this.template(this.model.toJSON());
归还这个;
}
});
muneeb,
我总是用萤火虫。
首先,你需要在安装插件后安装插件,你会看到firefox右上角的灰色BUG图标。
您可以按该图标或按F12键开始调试。
在这里,您将看到如下选项卡
控制台,HTML,CSS,脚本,DOM,网络,cookies
选择脚本将要求您再次重新加载页面,以便firebug能够捕获编写的java脚本。
添加断点并开始调试。在主干眼(Firebug扩展)中,您可以调试下划线模板,就像它们是常规JavaScript文件一样。模板id(如果指定)会出现在(Firefox的)脚本窗口中,您可以选择它(就像常规脚本文件一样),放置断点并观察模板的增量构建。有关如何执行此操作的更多详细信息,请访问yes。您也可以通过从为包含的.js文件提供的下拉列表中选择文件名进行调试。如果js被缩小了,你也可以下载插件到Unnify js上,以进行调试。这就是我如何使用模板。如何在Debugger中检查时间值时间值将在加载时打印您可以检查时间值,但查看其来源或通过检查复选框元素,或者您可以找到已准备完成的脚本变量“div”