如何解决Chrome开发者工具忽略了断点
尝试使用Chrome devtools进行调试,但是我的断点无法正常工作。如果我放入调试器语句,它将触发一个断点,但是devtools本身似乎无法在使用鼠标设置的断点处停止。这似乎是开发工具的新“功能”,因为它在过去一直有效。有其他人成功解决了有关此问题的chrome吗?
我正在使用webpack进行构建,并且该应用以>>> a = [1.7,2.3,3,4.5,5.5,3.6]
>>> b = [a[index] for index in (0,1,4)]
>>> c = [a[index] for index in (1,5)]
>>> b
[1.7,5.5]
>>> c
[2.3,3.6]
开头
解决方法
@boatcoder-我也遇到了同样的问题,再次使用create-react-app运行代码。
我能够设置断点,并且它们在命中时将停止执行,但是在动态(热)代码更改之后,它们不再起作用-仅在未修改函数中的断点。我发现,如果重新加载网页(对于我的应用程序来说,这意味着再次登录),则断点将再次起作用。
,热代码重载会覆盖代码(发送大量新代码以覆盖您先前使用的功能),因此断点在这种情况下将变得无效,因为它们是附加到“旧”代码上的。我不认为您做错了什么,但很可能看起来像这样:
- 您在浏览器中启动了
create-react-app
。 - 您在检查器中手动插入了一个断点。
- 您在代码编辑器中修改了代码。
-
create-react-app
热重装向浏览器发送了一个新代码,该代码确实会覆盖您以前的代码。 - 浏览器不再使用您在其中设置断点的代码,而是使用了新代码。
- Debugger语句之所以起作用,是因为它仍在代码中。
- 重新加载页面后,它再次起作用,因为Chrome检查器记住了您手动设置的断点位置并将其应用于新代码。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。