Ajax 디버깅에 로그를 사용하는 것은 이제 그만하자! 이제부터 개발자 도구로 손쉽게 디버깅

번거로운 Ajax 서버 측 디버깅



Ajax 통신시 서버 측 디버깅은 로그에 토하는 기술을 사용하는 사람이 많습니다만, 브라우저와 로그를 오가는 것은 억지로 느끼지 않습니까?

흔한 디버깅
error_log(print_r($result, true), 3, '/var/log/debug_log');

개발자 도구로 디버깅이 쉬워집니다.



그럴 때는 Chrome 개발자 도구에서 요청 결과를 확인하면 됩니다.
Network 탭에서 해당 Ajax 통신을 선택하고 Preview를 보기만 하면 됩니다.

(1) 네트워크 선택


(2) 해당 요청을 선택하여 미리보기 탭을 표시합니다.


이렇게 서버 측이 출력하는 값을 표시할 수 있습니다.

이 방법으로,
  • 모든 브라우저와 로그를 비교할 필요가 없습니다
  • html에 대한 print와 유사한 함수로 좋기 때문에 설명의 양이 줄어 듭니다.

    개발자 도구 디버깅
    var_dump($result); //これだけでOK
    

    간단한 비교에 효과가 크기 때문에 추천하는 Ajax 디버그의 테크닉이었습니다!
  • 좋은 웹페이지 즐겨찾기