테스트 사이트 - 개발 중인 베타 버전입니다

구글크롬 개발자도구를 이용한 디버깅 채택완료

동물원 4년 전 조회 2,223

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

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

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

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

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

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

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

 

 

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

답변 3개

채택된 답변
+20 포인트

로그인 후 평가할 수 있습니다

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

4년 전

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

로그인 후 평가할 수 있습니다

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

현프로
4년 전

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

로그인 후 평가할 수 있습니다

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

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

로그인