【问题标题】:JQuery Mobile causing Firebug and Chrome debuggers to fail to stop at breakpointsJQuery Mobile 导致 Firebug 和 Chrome 调试器无法在断点处停止
【发布时间】:2012-04-25 11:56:53
【问题描述】:

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

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

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

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

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

【问题讨论】:

    标签: debugging google-chrome jquery-mobile firebug


    【解决方案1】:

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

    在此处查看完整的详细信息:

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

    这可能发生在任何通过下划线或 Mustache 使用模板并使用 Javascript 将它们作为单独文件加载的人身上。我正在使用主干和下划线。

    【讨论】:

      【解决方案2】:

      JQuery Mobile 正在使用 ajax 调用动态加载页面,因此 JS 文件不是以标准方式加载的。如果您不使用rel="external"data-ajax="false""target" 属性(参考here)阻止ajax 调用,则必须使用debugger; 语句停止您的javascript 代码,这是Firebug、Internet 的程序断点Explorer 开发者工具栏,当然还有 Chrome 开发者工具。

      【讨论】:

        猜你喜欢
        • 2014-08-26
        • 2023-03-12
        • 2012-01-07
        • 1970-01-01
        • 2015-06-30
        • 2010-11-25
        • 2011-07-14
        • 2013-09-27
        • 2015-07-17
        相关资源
        最近更新 更多