마

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

· 2021-06-08 (화) 17:31:37 · 7672 · 7

크롬 브라우저에서 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 변수값 등을 점검해 볼 수 있습니다.

 

3731052743_1623141049.2007.png

 

3731052743_1623141074.059.png

 

3731052743_1623141084.1165.png

 

3731052743_1623141095.7998.png

|

댓글 7개

2021-06-08 (화) 21:12:46
와 좋은 팁이네요. 감사합니다.
감사합니다.
초보분들한텐 유익하겠네요 ㅋㅋ
2021-06-09 (수) 14:09:38
꿀팁이네요 ^^
감사합니다.
이건 좀... php 디버깅을 위한 팁 !! echo 를 쓰세요 같은 느낌
2021-06-15 (화) 18:37:06
감사합니다.
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 팁자료실

2,788건
+
제목 글쓴이 날짜 조회
21-06-15 조회 6,887
21-06-15 조회 7,256
21-06-15 조회 7,172
21-06-15 조회 6,577
21-06-14 조회 6,566
21-06-14 조회 5,699
21-06-10 조회 9,675
21-06-09 조회 5,882
21-06-08 조회 7,673
21-06-08 조회 6,181
21-06-08 조회 6,241
21-06-07 조회 6,946
21-06-06 조회 5,997
21-06-04 조회 5,719
21-06-04 조회 6,421
21-06-03 조회 8,517
21-06-02 조회 5,702
21-06-02 조회 6,340
21-06-01 조회 5,778
21-05-31 조회 6,736
21-05-31 조회 6,246
21-05-30 조회 5,223
21-05-28 조회 7,783
21-05-27 조회 6,834
21-05-26 조회 6,598
21-05-23 조회 6,308
21-05-23 조회 7,995
21-05-22 조회 6,296
21-05-21 조회 6,064
21-05-21 조회 7,677