使用 chrome 开发者工具在 jquery 中调试 Dom 异常

Posted

技术标签:

【中文标题】使用 chrome 开发者工具在 jquery 中调试 Dom 异常【英文标题】:Dom exception debugging with chrome developer tools in jquery 【发布时间】:2012-05-12 08:17:31 【问题描述】:

在使用 chrome 开发工具启动调试会话时,我一直收到一个 dom 异常。即使有这个小的 html 测试文档,这个问题仍然存在:

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">  
    </script>
</head>
<body>
</body>
</html>

异常代码:12 消息:“SYNTAX_ERR: DOM Exception 12”

异常发生在第 1904 行:

            try 
                b.call(c.documentElement, "[test!='']:sizzle")
             catch (f) 
                e = !0
            

有什么想法吗?我正在使用 chrome 19.0.1084.36

【问题讨论】:

您是否尝试过禁用所有扩展程序? (Ctrl+shift+N) 我停用了所有扩展程序,但这并没有帮助。使用上面的按键 Ctrl+shift+N chrome 切换到 inocnito 具有相同的效果。 这似乎是一种测试特定浏览器功能的方法。如果您使用“暂停所有异常”保持网络检查器打开,这很烦人 谢谢保罗。所以没什么好担心的。 【参考方案1】:

感谢 Paul Greyson 的回答。

不幸的是,他的答案是在一个 cmets 中,对于寻求解决方案的人来说并不清楚。

为了清楚起见,这里是摘要:

在 Chrome 开发者工具的底部状态栏中,有一个看起来像“暂停”按钮的图标,您可以通过点击它来切换 chrome 如何在出现异常时暂停。

【讨论】:

【参考方案2】:

只需切换此按钮即可消除此问题。这是一个普遍的问题,每个人都应该知道。

【讨论】:

以上是关于使用 chrome 开发者工具在 jquery 中调试 Dom 异常的主要内容,如果未能解决你的问题,请参考以下文章

使用 chrome 开发人员工具 Xpath 找到正确的子 div id 以使用 Jquery 的点击功能定位

让你的chrome开发工具console支持jquery

避免在 Chrome 开发者工具中单步执行 javascript 文件?

在 chrome 中检查 jquery [关闭]

大源代码/缩小文件使 Chrome 开发者工具冻结

Chrome 开发者工具显示的屏幕比我在响应模式下设置的大