내 웹 사이트에 자바 스크립트 충돌이 있는지 어떻게 확인합니까?

Question

현재 CMS 시스템에 호스팅 된 자체 웹 사이트를 이동 중입니다. 현재 사이트는 SqueezeBox.js라는 모달 팝업 스크립트를 사용합니다. 축소판 이미지를 클릭하면 모달 팝업 상자가 나타나지 않지만 현재 웹 사이트에서 어떻게 보이는지 정확히 코드를 복사했습니다.

헤더의 코드를 보면 내가 사용하고있는 CMS가 다른 자바 스크립트 파일도 호출하고 있으며 그 중 하나가 충돌을 일으키는 지 궁금합니다.

이것이 사실인지 알아 보는 가장 좋은 방법은 무엇입니까? 파이어 폭스의 플러그인 웹 개발자를 시도했지만 오류 콘솔에서 아무것도 볼 수 없습니다. 그러나 나는 그것을 올바르게 사용하고 있는지 100 % 확신하지 못합니다. 다른 사람이 자바 스크립트 충돌 감지기를 사용하는 간단한 방향으로 나를 가리킬 수 있습니까?

건배

아담

Answer 1

당신이 개발자 도구를 열고 당신이 '스크립트'탭으로 이동할 수 있습니다, 당신의 자바 스크립트 파일을 열고 클릭 핸들러를 찾아, 구글 크롬이있는 경우 ... 클릭 중단 점을 설정하는 코드의 측면에서 코드가 해당 지점에 도달하면 (예를 들어 클릭하면) 일시 중지되고 개발자 도구에서 어떤 함수가 호출되는지 확인할 수 있습니다 코드를 통해 코드 창에서 변수를 가리켜 값을 볼 수도 있습니다. 매우 편리! 그런 다음 플러그인에 들어가는 지 확인할 수 있습니다 (실행 중에 항상 액세스되는 첫 번째 줄과 같은 위치에서 플러그인 내부에 중단 점을 설정하여이 작업을 수행 할 수도 있습니다).

난 당신이 do the same thing with Firebug

수 그것은 (에 등 오프 중단 점을 선회 이상의 단계로 단계)에 들어가 다른 사고 과정의 약간의 그러나 그것은 매우 유용하다고 믿습니다.

문제가 발생한 위치를 확인하는보다 간단한 방법은 경고 ('작동 중')를 추가하는 것입니다. 또는 코드가 작동하는지 확실하지 않은 코드와 유사합니다. 또한 변수에 경고하여 해당 시점의 값을 확인할 수도 있습니다. console 명령을 사용하여 방화 광구의 콘솔에 인쇄 할 수도 있습니다. 디버깅을 제외하면 중단 점/디버깅은 코드를 변경하지 않고 수행하는 작업입니다.

Answer 2

자바 스크립트 오류가있는 경우또는 Chrome Inspector를 사용합니다 (미리보기 이미지를 마우스 오른쪽 버튼으로 클릭하고 '요소 검사'를 선택). 둘 중 하나의 콘솔 탭을 열고 페이지를 새로 고침하십시오. 오류가 있으면 콘솔에보고되고 관련 회선에 대한 링크가 제공됩니다.

오류가보고되지 않으면 코드의 논리로 인해 상자가 표시되지 않습니다. 오류를 찾으려면 코드를 단계별로 실행해야합니다. 축소판 이미지의 클릭 핸들러에서 호출되는 함수를 확인하십시오. 두 도구 중 하나에서 해당 함수로 이동하여 함수의 첫 번째 줄에 중단 점을 배치하십시오. 미리보기 이미지를 다시 클릭하면 코드가 해당 줄에서 일시 중지됩니다. 여기에서 코드를 단계별로 따라 가면서 어떤 코드 분기가 수행되는지 확인할 수 있습니다. 어떤 시점에서 정상 체크가되어 코드가 폭격을 일으킬 가능성이 있습니다.