하위 트리의 노드가 추가/제거 된 경우에만이 중단 점이 호출되며 간단히 수정되는 것은 아닙니다.크롬 개발자 도구 DOM 하위 트리 수정 중단 점?
테스트로서 하위 트리 요소에 JS 클래스를 추가하려고 시도했지만 중단 점이 호출되지 않았습니다.
그래서이 특정 중단 점을 발생시키는 유일한 작업은 하위 노드의 추가/제거 일 뿐이며 그 속성에 대한 속성이나 다른 내용의 수정이 아니라는 점입니다. 아무도 이것을 확인할 수 있습니까?
하위 트리 변형 루트로 DOM [부] 트리에서 노드의 삽입 및 제거이다 주어진 노드.
class 속성 수정을 사용하려면 다음을 사용해야합니다. Break on Attribute Modifications! :-)
귀하의 질문에 의견을 추가 할 수 없으므로 새로운 답변으로 게시하겠습니다. 여기에서 살펴 보자 요소라는 첫 번째 탭을 선택, 일반적으로 열려있는 크롬 개발자 도구에서 how to set DOM Breakpoints in chrome
을, 당신은 중단 점을 넣어하려는 요소를 찾을 수, 바로 몇과 함께 상황에 맞는 메뉴를 클릭 중단 점에 대한 옵션이 열립니다. 옵션은 : 속성의 하위 트리 수정
추가하고 사용하는 방법을 알고 있습니다. Subtree 수정이 정확히 무엇인지에 대해 다소 혼란 스러웠습니다. 마치 노드 제거/추가 일 뿐인가? 하위 요소에 속성을 추가하지 않는 이유는 그것을 호출하는 것 같습니다 :) – galdikas
그래, 내가 그걸 사용할 수 있다는 것을 안다. 나는 단지 노드의 제거/삽입이 지금 내가 가지고있는 경우 확인 만 필요했다. – galdikas
확실하게, 소스 코드를 확인하십시오 : http://trac.webkit.org/browser/trunk/Source/WebCore/inspector/InspectorDOMDebuggerAgent.cpp ('hasBreakpoint (parent, SubtreeModified)'를 검색하십시오.). –
Chrome에서 작동하지 않습니다 : 버전 56.0.2924.87 (64 비트) .... [SO 질문] (http://stackoverflow.com/q/42136051/2581562) – Legends