페이지에서 작업이 발생하면 어떤 요소에 변경 사항이 있는지를 결정 하시겠습니까?

Question

웹 사이트에서 특정 기능을 리버스 엔지니어링하려고하는데 특정 버튼을 누르면 발생한 이벤트 (클래스 추가 또는 속성 변경)를 추적하려고합니다. 관련있는 코드에서 아무 것도 찾을 수 없으므로 Chrome 개발자 도구를 통해이 브라우저를 볼 수있는 방법이 있습니까?

Answer 1

어떤 종류의 변경 작업을 수행 할 것인지에 따라 DOM 수정 또는 이벤트 수신기에 자동 중단 점을 설정할 수 있습니다.

는 DOM 변경 중단 점을 설정하려면 : on the developers.google.com 덮여으로

• 는 DevTools로의 요소 탭을 클릭합니다.
• 중단 점을 설정할 요소로 이동하십시오.
• 요소를 마우스 오른쪽 단추로 클릭하십시오. 다음 하위 트리 수정을 선택
• 호버에 브레이크 이상, 특성은을 수정하거나 노드 제거.

이 문서는 다른 모든 가능한 자동 브레이크 포인트 설정 가능성을 포함, 그렇게뿐만 아니라 그것의 나머지 부분을 확인해야합니다.