크롬 브라우저에서 ajax 파일 디버깅하는 방법

크롬 브라우저에서 ajax 파일 디버깅하는 방법입니다.

1) 크롬 브라우저에서 ajax 파일을 요청하는 페이지로 이동합니다. ex) a.php

2) F12 키를 눌러 [개발자 도구] 창이 열리도록 합니다.

3) [Network] 탭으로 이동합니다.

4) 상단 좌측에서 Clear 아이콘 버튼을 클릭합니다. 

([Network] 탭에 열린 파일 목록을 초기화합니다.)

([Network] 탭에서는 열리는 파일들의 속도를 체크할 수 있기도 합니다.)

5) 브라우저 본 화면에서 ajax 요청 처리를 진행합니다. ex) a.php -> b.php 파일을 ajax 로 호출

6) ajax 처리파일이 좌측에 표시되고 클릭하면 우측 [Response] 탭을 클릭하여 결과화면을 확인할 수 있습니다. echo 나 print_r() 함수를 사용하여 sql문이나 array 변수값 등을 점검해 볼 수 있습니다.