我似乎无法弄清楚Chrome调试工具.
我有铬版本21.0.1180.60米.
我采取的步骤:
我也注意到Watch Expressions也不起作用.它一直告诉我,我想看的变量是未定义的.
进一步的测试发现,这是导致断点失败的代码.它似乎失败了"$("#frmVerification").submit(function(){"line.它没有进入该函数内的断点().
以下是:
//function to check name and comment field
var test = "this is a test";
var test2 = "this is another test";
function validateLogin(){
//if(userEmail.attr("value") && userPass.attr("value"))
return true;
//else
//return false;
}
//onclick on different buttons, do different things.
function ajaxRequest(){
}
$(document).ready(function(){
//When form submitted
$("#frmVerification").submit(function(){
var username = $("#username");
var token = $("#token");
var action = $("#action");
var requester = $("#requester");
if(validateLogin()){
$.ajax({
type: "post",
url: …Run Code Online (Sandbox Code Playgroud) 我通过用于Google Closure Compiler的Node.js包装器创建了一个连接的缩小文件.当我在Google Chrome中打开开发者工具时,源地图和映射文件都会正确加载.
我遇到的一个问题是,断点不会在源映射文件中触发,就像它们运行未经分析的单独文件会话一样.有时我会尝试在脚本中放置一个断点,它会向下跳几行,而不是我试图设置它.但最令人沮丧的是,当我可以设置断点时,它们不会被触发!我将在我知道正在调用的函数中间设置一个,但脚本永远不会暂停执行.
编辑
我在Ubuntu 13.10上运行Chrome 31.0.1650.57.我也无法在Firefox 25.0中使用它.
javascript debugging google-chrome google-closure-compiler source-maps
最近在我的 Chrome 源面板中发生了这种情况。它曾经工作得很好。不确定这是否是由 Chrome 最近更新引起的(我目前在 macOS High Sierra 10.13.6 上使用 68.0.3440.106(官方版本)(64 位))
正如您在屏幕截图中看到的,这些都是我可以在此文件中设置断点的位置。通常情况下,你至少可以在第6-10行设置断点,但现在我只能在第8行设置断点。为什么?
有谁也经历过这种情况吗?
更新:这也发生在我的具有相同 68.0.3440.106 版本的 Windows 计算机上。
javascript debugging google-chrome-devtools reactjs create-react-app