요소에 영향을주는 jQuery 스크립트를 찾는 방법은 무엇입니까?

Question

어떤 jQuery 스크립트가 페이지의 특정 요소에 영향을 미치는지 알아낼 수 있는지 궁금합니다.

div에 영향을 미치는 jQuery를 볼 수 있지만 div를 조작하고있는 스크립트를 찾을 수 없습니다. 알아낼 방법이 있습니까?

Answer 1

코드를 검색하여 개체에 영향을 줄 수있는 것처럼 보이는 코드를 찾는 것 외에 중단 점을 설정하고 코드를 단계별로 실행하여 코드의 기능을 파악할 수 있습니다 그리고 언제.

일반적으로 코드의 어느 부분이 특정 div를 타겟팅 할 수있는 선택기를 사용하는지 확인할 수 있습니다. 모든 코드에서 다양한 id 값이나 클래스 이름을 검색하면 코드의 일반적인 영역을 찾을 수 있습니다.

코드에 onclick = "xxx()"와 같은 HTML 이벤트 핸들러가있는 경우 해당 코드가 어디에 있는지 분명히 추적 할 수 있습니다. 코드가 javascript를 통해 할당 된 이벤트 핸들러를 사용하는 경우 문서가 준비 될 때 실행되는 초기화 코드를 찾고 할당 된 이벤트 핸들러를 확인하고 해당 콜백에 중단 점을 설정하려고 할 수 있습니다.

실제로 어떤 코드가 효과에 대한 책임이 있는지 알아 보려면 javascript를 공부하는 것 외에 다른 방법은 없습니다.이 작업을 수행하려면 사이트의 모든 스크립트를 하나의 큰 파일로 복사/그런 다음 http://jsbeautifier.org/과 같은 미인을 사용하여 균일하고 읽기 쉽게 서식을 지정한 다음 조사하십시오. 나는 코드의 복사본을 별도의 파일로 만들고 그 코드 조각을 제거하여 내가 찾고있는 것과 아무런 관련이없는 코드 조각을 만들고 싶어한다. 시간이 지남에 천천히, 나는 약간의 코드 만 남겨두고 그 중 하나는 내가 찾고있는 것이다. 그것은 건초 더미에서 바늘을 찾는 것과 같지만, 결국 건초 조각을 버리면, 바늘이 들어갈 정도의 건초가 남지 않습니다. 코드를 배우기 시작할 때 관련 물건을 찾을 수도 있습니다 나머지 코드를 검색하여 검색 속도를 높이십시오.

Answer 2

방화범을 사용하십시오. 요소를 검사하고 HTML에서 div를 마우스 오른쪽 버튼으로 클릭 한 다음 로그 이벤트 또는 중단 옵션 중 하나를 선택합니다.