2017-12-17 1 views
0

페이지가로드 된 후 새로운 HTML 요소 추가시 중단 점을 설정할 수있는 방법이 있습니까?Google 크롬 콘솔은 HTML 요소 추가시 중단 점을 설정합니다.

팝업 이벤트를 페이지에 렌더링하는 플러그인이 있으며 팝업을 렌더링하기 위해 단추를 클릭 한 후에 만 ​​변경되는 특정 태그 속성이 있습니다. - 중단 점을 설정해야합니다. 그 태그가 속성이 바뀔 때

"break on-> subtree modifications"을 사용했지만 플러그인에 의해 생성 된 코드가 너무 많아서 특정 태그를 깨는 방법이 있는지 알고 싶습니다.

팝업이 렌더링 된 후 "break on-> attribute modifications"설정을 시도했지만 팝업을 닫고 클릭하여 팝업을 다시 열면 중단 점이 사라지고 저장되지 않습니다.

답변

0

단추에 연결된 일부 j에 중단 점을 넣을 수 있습니까? 그리고 나서 속성 변경을 할 때까지 다음, 다음, 다음에 ...? 엘리먼트 뷰로 바꿔서 깨뜨릴 수 있어야한다.

+0

좋은 아이디어. 나는 attr이 변경되는 것을 볼 때 "디버거"를 넣을 수 있다고 가정한다. dev 도구가 #someclass attr 변경으로 인해 코드를 즉시 깨뜨린다면 좀 더 우아한 접근 방식을 원했습니다. –

+0

네, 크롬이 아플 수 있습니다. 하지만 그게 거기에있어 좋은거야 ... 알아? 어쨌든 그건 내가 크롬에서해야 할 일이다. – hackdotslashdotkill

0

"break on-> subtree modifications"이 작동해야합니다. 당신이 그걸로 약간의 문제가있는 것 같습니다. 당신은 어떤 시간을 보내고으로 확인하는 경 answer은 도움이 될 수 있습니다 당신

0

하위 트리 수정 중단 점

Subtree Modification Breakpoints이 같은 상황에서 내 이동 - 투 솔루션입니다. 많은 HTML이 변경되었다고 언급하셨습니다. 보다 구체적인 노드에 중단 점을 설정하는 데 도움이 될 수 있습니다. 예 :

<body> 
    <div> 
    <p>...</p> 
    </div> 
</body> 

검사 할 요소가 <p>의 하위라고 가정합니다. <body> 또는 <div>에 중단 점을 설정하는 대신 <p>에 설정하십시오. <p>의 자녀가 변경 될 때만 변경됩니다.

이벤트 리스너 중단

당신이 변화를 야기 버튼의 이벤트 리스너 코드에서 중단하려는 경우, 당신은 Event Listener Breakpoint을 설정할 수 있습니다. 예를 들어 What's New In DevTools (Chrome 63)에 입력하십시오.

관련 문제