JQuery Mobile导致Firebug和Chrome调试器无法在断点处停止

时间:2012-04-25 11:56:54

标签: debugging google-chrome jquery-mobile firebug

我遇到了一个奇怪的问题,我无法让Chrome或Firebug调试器在我设置的断点处停止。页面运行正常,它正在写入控制台,我的断点都没有停止页面。

事实证明,如果我删除了jQuery Mobile包含文件:

<script src="lib/jquery.mobile-1.1.0.min.js"></script>

然后调试器按预期工作(我使用JQM进行移动样式,所以如果我删除包含文件,我的样式就不起作用 - 没有JS错误或任何东西)。

我在控制台中看到没有与JQM相关的错误,所以我不确定为什么该文件导致调试器出现问题。有什么想法吗?

2 个答案:

答案 0 :(得分:1)

问题是我的html页面中没有带“data-role = page”的div(这些是由我的应用程序中的JS创建的)。我添加了一个带有该属性的空div,调试器再次开始工作。我不能赞成修复,它属于Kin Blas

请在此处查看详细信息:

https://github.com/jquery/jquery-mobile/issues/4206#issuecomment-5448298

对于通过Underscore或Mustache使用模板并使用Javascript将它们作为单独文件加载的任何人都可能会发生这种情况。我正在使用Backbone和Underscore。

答案 1 :(得分:0)

JQuery Mobile使用ajax调用动态加载页面,因此JS文件不是以标准方式加载的。如果您未使用rel="external"data-ajax="false""target"属性(参考here)阻止ajax通话,则必须使用debugger;停止您的JavaScript代码声明,这是Firebug,Internet Explorer开发人员工具栏以及Chrome开发人员工具的程序化断点。

相关问题