크롬 디버거에 대한 정보를 찾고

Question

크롬 디버거에서 다음 정보를 얻는 방법을 이해하려고합니다. 입력 파일 유형 태그를 클릭하여 트리거되는 페이지에 이벤트가 있습니다. 그러나이 메카니즘을 추적하는 것은 불가능합니다. js 파일은 이벤트가 트리거 될 때 호출됩니다. 디버거에서이 정보를 얻는 방법이 있습니까?

Answer 1

오른쪽 창에있는 이벤트 수신자 항목을 보셨습니까? 게시물 하단의 'Google-Chrome'태그를 마우스 오른쪽 버튼으로 클릭하고 요소 검사를 선택하면 HTML 태그가 강조 표시됩니다. 이벤트 리스너에서 오른쪽 패널을 보면이 요소에 흐림, 클릭, 키 업, keydown, 마우스 다운, 마우스 아웃, 마우스 오버에 대한 핸들러가 있음을 알 수 있습니다. 그러나 html을 보면 나는 그것을 볼 수 없습니다. 이벤트 처리기를 확장하면 "jquery.min.js : 3"을 가리키고 있습니다. 이는 파일이 최소화되어 있고 단지 4 줄로 구성되어 있기 때문입니다. 각 줄의 길이는 20 또는 25,000 자입니다. 최소화 된 스크립트는 불행히도 분석하기가 어렵습니다.

최소화 스크립트를 사용하지 않는 페이지로 시도해보고 이벤트 처리기 창에서 해당 링크를 클릭하여 관련 기능으로 직접 이동할 수 있습니다. - 불행히도 관련 라인의 시작으로 이동합니다. jquery.min.js가이를 위해 시간 낭비를합니다. 프로덕션을 위해 확장 된 버전으로 전환하여 디버깅을 위해 스크립트의 비공식 버전을 언제든지 사용할 수 있습니다.

다른 페이지에서는 스크립트의 축소되지 않은 버전을 연결하기 전에 로컬 복사본을 저장하지 않을 수도 있습니다.