Chrome的JavaScript调试器断点没有任何效果？

14 浏览
0 Comments

Chrome的JavaScript调试器断点没有任何效果？

我似乎无法弄清楚Chrome调试工具。

我使用的是Chrome版本21.0.1180.60 m。

我所采取的步骤是：

1. 按下ctrl-shift-i打开控制台。

2. 点击Sources，然后选择我想要调试的相关javascript文件。

3. 在我想要代码停下来的地方设置断点，将蓝色标记放在左侧的线旁边。

4. 点击我网页上的按钮（这是一个通过php渲染的页面），启动javascript代码。

5. 代码成功运行而没有停下来。

我还注意到，Watch表达式也不起作用。它不断告诉我我想要监视的变量未定义。

进一步的测试发现是我的代码导致断点失败。似乎在"$("#frmVerification").submit(function(){"这一行出错。它不会进入该函数内的断点。

以下是代码：

//检查名称和评论字段的函数

var test = "这是一个测试";

var test2 = "这是另一个测试";

function validateLogin(){

//if(userEmail.attr("value") && userPass.attr("value"))

return true;

//else

//return false;

}

//点击不同的按钮，做不同的事情。

function ajaxRequest(){

}

$(document).ready(function(){

//当表单提交时

$("#frmVerification").submit(function(){

var username = $("#username");

var token = $("#token");

var action = $("#action");

var requester = $("#requester");

if(validateLogin()){

$.ajax({

type: "post",

url: "verification.php",

data: "username="+username.html()+"&token="+token.val()+"&action="+action.val()+"&requester="+requester.val(),

success: function(data) {

try{

var jsonObj = $.parseJSON(data); //将数据转换为json对象，如果数据不兼容json则抛出异常

if(jsonObj.length > 0){//如果有任何错误输出所有数据

var htmUl = $('

    ');

    $.each(jsonObj, function(){

    htmUl.append('

  • ' + this + '

    • ');

    });

    $("#errOut").html(htmUl);

    }else{

    alert("您的帐户已激活，谢谢。如果您已经登录，请按“确定”转到主页。如果没有，请先登录。");

    window.location.replace("home.php");

    }

    }

    catch(e){//如果错误将错误输出到errOut

    $("#errOut").html("PHP模块返回非JSON对象："+data+"");

    }

    }

    });

    }

    else alert("请填写用户名和密码！");

    return false;

    });

    });

    0