2

클릭하거나 변경할 때 몇 가지 작업을 수행하는 확인란이 포함 된 웹 페이지에서 작업하고 있습니다. HTML 자체에는 명시적인 이벤트 바인딩이 없습니다. 말 그대로 이벤트 바인딩이 어떻게 이루어 졌는지, 그리고 체크 박스가 변경되었을 때 JavaScript가 실행되고 있는지를 알 수있는 방법이 전혀 없습니다 (페이지가 다른 곳에서 jQuery를 사용하는 것을 제외하고).이벤트가 눈에 띄지 않게 연결될 때 실행되는 JavaScript를 찾는 방법

자바 스크립트 자체는 HTML 자체의 여러 위치에 추가 자바 스크립트 파일이 추가로 배치되어 있습니다. 이렇게하면 JavaScript의 모든 부분에서 중단 점을 고정시킬 수 있습니다.

예를 들어 일부 디버깅 환경을 사용하여 이러한 확인란의 값을 변경할 때 JavaScript가 실행되는지 확인할 수 있습니까?

답변

5

Google 크롬 개발자 도구의 스크립트 탭으로 이동하여 이벤트 리스너 중단 점을 change 이벤트 (또는 사용중인 이벤트를 클릭)로 설정하고 확인란을 클릭합니다. 그런 다음 즉시 실행을 중지하고 수동으로 전체 실행 프로세스를 함수별로 함수화 할 수 있습니다.

+0

클릭 이벤트에 바인딩 된 함수를 디버깅하려고하면 jquery.min.js에 묻혀 버립니다. 내가 찾고있는 실제 기능을 사용하려면 약 30 걸음 씩 걸립니다. 이 문제를 해결할 방법이 있습니까? – Clayton

+0

동일한 문제가 있습니다. 나는 프레임 워크 코드 (jQuery, ScriptResource.axd)에 갇혀서 사용자 정의 된 자바 스크립트를 전혀 보지 못했다. – David

+1

@David jQuery는 사용자 정의 자바 스크립트입니다. jQuery의 개발 버전을 사용하면 더 쉽게 읽을 수 있습니다. 그러나 브라우저 관점에서 볼 때 jQuery는 사용자 정의 코드입니다. – Esailija

관련 문제