Chrome 디버깅 도구를 알아낼 수없는 것 같습니다.
크롬 버전 21.0.1180.60m가 있습니다.
내가 취한 조치 :
- ctrl-shift-i를 눌러 콘솔을 불러 왔습니다.
- 소스를 클릭 한 다음 디버그하려는 관련 자바 스크립트 파일을 선택합니다.
- 왼쪽 줄 옆의 여백에 파란색 태그를 배치하여 코드를 중지 할 중단 점을 설정합니다.
- 내 웹 페이지 (PHP 렌더링 페이지)에서 자바 스크립트 코드를 시작하는 버튼을 클릭했습니다.
- 코드는 멈추지 않고 성공적으로 실행되었습니다.
또한 Watch Expressions도 작동하지 않는 것으로 나타났습니다. 내가보고 싶은 변수가 정의되지 않았다는 메시지가 계속 표시됩니다.
추가 테스트에서 중단 점이 실패하는 원인이 내 코드라는 것을 발견했습니다. "$ ("# frmVerification "). submit (function () {"줄에서 실패한 것 같습니다. 해당 function () 내부의 중단 점으로 들어 가지 않습니다.
다음은 다음과 같습니다.
//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: "verification.php",
data: "username="+username.html()+"&token="+token.val()+"&action="+action.val()+"&requester="+requester.val(),
success: function(data) {
try{
var jsonObj = $.parseJSON(data); //convert data into json object, throws exception if data is not json compatible
if(jsonObj.length > 0){//if there is any error output all data
var htmUl = $('<ul></ul>');
$.each(jsonObj, function(){
htmUl.append('<li>' + this + '</li>');
});
$("#errOut").html(htmUl);
}else{
alert("Your account is now activated, thank you. If you have already logged in, press OK to go to the home page. If not, you must log in first.");
window.location.replace("home.php");
}
}
catch(e){//if error output error to errOut]
$("#errOut").html("PHP module returned non JSON object: <p>"+data+"</p>");
}
}
});
}
else alert("Please fill UserName & Password!");
return false;
});
});
