채택완료

구글크롬 개발자도구를 이용한 디버깅

2021-04-13 (화) 12:22:06 2,439

구글크롬 개발자도구를 이용해서 소스보기를 하고, 영역을 선택하면 CSS등의 해당부분을 찾아서

수정하는 데 큰 도움이되더라고요.

그런데 JS나 스크립트 오류등의 오류도 확인이 가능하다고 하는데, 방법을 잘 모르겠네요.

대표적으로 종종 링크걸어놨는데 눌러도 클릭이 안된다거나

js 충돌로 레이아웃이 깨진다거나 하는 일들이 있을때 등

어느 부분이 충돌이 나는지 확인해서 수정할 수 있으면 좋을 것 같은데요.

구글크롬 개발자도구를 이용해서 JS 오류를 디버깅하는 팁을 좀 알고 싶습니다.

답변 3개

채택된 답변
+20 포인트
2021-04-13 (화) 13:36:59

thumb-2948941001_1618288610.6959_730x285.png

두분 모두 답변 감사 드립니다. ^^

바트컨드롤님의 답변처럼 주로 콘솔에서 확인하실 수 있으며, 붉은색 글씨로 된곳 위주로 보시면 될 것 같습니다. 노란색 글씨는 주의 정도로 생각하시면 되시고, 
붉은색으로 나오는 애러 기준으로 위치를 찾고, 구글링등을 통해 수정하면 됩니다~

답변을 작성하려면 로그인이 필요합니다.