>

다음 조언을 사용하여 클릭시 일시 중지 할 수 있음을 알고 있습니다.

Chrome 사용, 어떤 이벤트가 요소에 바인딩되는지 찾는 방법

그러나이 조언을 따랐을 때 20 번 밟은 후에도 여전히 소스 코드에 도달하지 못했다는 것을 알았습니다. 다양한 추적 파일과 jQuery 파일을 계속 탐색하고 있습니다.

클릭시 트리거되는 클릭 이벤트를 찾는 가장 빠른 방법이 있습니까? 아마도 내 소스 코드가 아닌 모든 파일을 건너 뛸 수 있습니까?

  • 답변 # 1

    관심이없는 라이브러리 나 다른 스크립트를 블랙 박스 할 수 있습니다.

    디버거가 해당 스크립트를 무시하고 해당 스크립트를 "점프"할 것임을 의미합니다.

    DevTools ( "소스"탭)를 사용하여 코드를 단계별로 실행할 때 디버거가 일시 중지 한 (예를 들어) jQuery 코드 행을 마우스 오른쪽 단추로 클릭하고 "블랙 박스 스크립트"를 선택하십시오.

    여기에 그 방법을 보여주는 멋진 애니메이션 GIF가 있습니다. https://umaar.com/dev-tips/128-blackboxing/

    Chrome 버전 66.0.3359.139 (공식 빌드)에서 작동합니다

    공식 DevTools 문서에서 스크립트 또는 스크립트 패턴 무시를 참조하십시오.

  • 답변 # 2

    스크립트를 블랙 박스로 만들 수 있습니다. https://developer.chrome.com/devtools/docs/blackboxing

    그러면 jquery가 별도의 파일에 있어야하며 웹팩과 같은 것을 사용하여 번들로 제공되지 않아야합니다.

    그러면 jquery.js 를 추가하는 것과 같은 일을 할 수 있습니다  (또는 무엇이든) 프레임 워크 패턴. 이렇게하면 디버거가 jquery 코드로 들어 가지 못하게됩니다.

  • 답변 # 3

    짧은 대답으로 jQuery 파일을 블랙 박스에 넣을 수 있습니다. 디버거가 jQuery 코드를 입력하지 않도록합니다.

    <시간> 와이즈 비즈

    보낸 사람 : https://developer.chrome.com/devtools/docs/blackboxing

  • 답변 # 4

    What happens when you blackbox a script?

      Exceptions thrown from library code will not pause (if Pause on exceptions is enabled),

      Stepping into/out/over bypasses the library code,

      Event listener breakpoints don't break in library code,

      The debugger will not pause on any breakpoints set in library code.

    The end result is you are debugging your application code instead of third party resources.

    추가  함수 본문에.

    debugger

관련 자료

  • 이전 excel - 셀의 값을 기반으로 매크로를 실행하는 방법은 무엇입니까?
  • 다음 time - Python에서 Zulu 타임 스탬프를 가져 오는 표준 방법