我使用google chrome已经很多年了。最近我在我的项目中使用chrome调试JavaScript代码,我只是使用chrome dev-tool设置了断点,这些断点似乎被忽略了,但js函数肯定是可以执行的。我的JS代码和断点位置,如图所示:js breakpoint can't be hint 当提示断点时,提示行是错误的行,并且变量出现消息"xxx is not defined":hint breakpoint in the wrong line 我的操作系统是Windows10,chrome版是72.0.3626.119。
当使用Chrome Developer工具调试JavaScript代码时,调试器会在未设置断点的代码上暂停。我没有启用Pause on exceptions特性,当然也没有设置断点(见附图)。
我之前问过一个类似的,它很有帮助,但并没有完全解决这个问题(之前我启用了Pause on exceptions )。在下面的示例中,我用kendo.all.min.js的精简版本替换了非精简版本,这使我能够看到脚本执行暂停的位置,但我不知道它为什么会暂停。这种情况在jquery.min.js中也经常发生。
我正在尝试找出当我单击一个按钮时调用的是哪个Javascript方法。我已经对一些第三方javascript文件进行了黑盒处理。我使用的是Chrome和Canary的最新版本。
我已经在devtools中启用了鼠标单击事件侦听器断点。当我单击一个按钮时,调试器断点在被黑箱包装的js文件中命中。我使用的是第三方按钮,它的JS click事件处理程序在我的按钮之前先执行。我已经对他们的代码文件进行了黑箱处理,希望我的代码能够获得断点。对于他们的代码文件,会显示一条黄色消息'This script is blackboxed in debugger‘。
为什么脚本文件黑箱时命中断点?
我的代码需要按需加载脚本。
function includeJS(uri) {
return jQuery.getScript(uri);
}
includeJS('/path/to/script.js').always(function() {
// do something after script is loaded
});
但问题是,在Chrome工具中,JS文件将无法像页面上静态包含的其他文件一样可用。正因为如此,我不能轻易地提出断点。
在Chrome工具中,是否有一种替代jQuery.getScript的方法,也可以在Chrome工具中显示具有放置
我正在运行一个使用javascript和webpack的node.js and应用程序,它是我在之后构建的。我已经安装了chrome调试器扩展。
我使用以下命令运行节点服务器:
webpack-dev-server --progress --colors
我还运行了webpack --devtool source-map
我的启动配置如下所示:
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
//
我正在尝试调试一个js注入的html文件,所以我在js部分设置了一些断点,当我运行它时,它会在第一次运行时调试,但是当我想使用控制台(在Chrome中)时,它会停止调试,断点当然不会受到影响。
正如我所说,当我进入Chrome的控制台时,它会停止调试,并向我显示以下消息:Disconnected (tab was closed or Web Inspector was opened or explicitly detached via Chrome info bar). disconnected意味着停止调试。