Chrome 스크립트 디버거에 jquery.js를 무시하도록 지시 할 수 있습니까?

98

특정 파일 내에서 중단되지 않도록 Chrome 디버거 (또는 Firebug?)에 지시하는 방법이 있습니까? 본질적으로 깨지지 않았다고 가정하려면? 이것은 그들이 구축 할 수있는 것 같습니다.

javascript google-chrome-devtools

— 조쉬 슐츠
소스

3

이것은 특히 jquery 이벤트의 맥락에서 나에게 유용 할 것입니다. 이벤트가 트리거되면 어떤 핸들러가 호출되는지 파악하기 위해 많은 절차를 거쳐야합니다.

— tofarr 2015 년

jfriend00을 답으로 표시해야하는 것 같습니다. 나는 그 성가신 행동의 이유를 찾을 수 없었고 그의 대답은 그것을 해결했습니다.

— OrPaz

@OrPaz 동의하지 않습니다. 내 문제 (및 Josh의 문제에 대한 이해)는 우리가 파일을 디버깅하고 있다는 것입니다. 그러나 이것이 예외가 발생한다는 의미는 아닙니다. 내 가정은 내 코드가 jQuery가 아니라 문제라는 것이므로 jQuery를 디버깅하고 싶지 않습니다. 나는 그것을 .NET의 DebuggerHiddenAttribute처럼 생각한다

— Nathan Koop

나는 jfriend00의 답변에 투표했습니다.이 질문을 접한 사람들에게 가치가있을 수 있기 때문에 정답으로 표시하지 않았습니다. Nathan Koop이 맞기 때문에 제 문제를 해결하지 못합니다.

— Josh Schultz 2012

47

이제 Firefox https://developer.mozilla.org/en-US/docs/Tools/Debugger 에서 블랙 박스 JS 파일이 가능합니다.

그리고 Chrome Canary에서 실험적 개발 도구를 사용합니다. http://www.divshot.com/blog/tips-and-tricks/ignoring-library-code-while-debugging-in-chrome/

업데이트 . Chrome v. 75 에는 블랙 박스를위한 분리 탭이 있습니다.

위는 안정적인 Chrome 빌드에서도 작동합니다.

— Nirmal Patel
소스

7

블랙 박스는 디버거가 파일을 건너 뛰도록하지 않는 것 같습니다. 여전히 함수 호출을 통과 할 것입니다. 파일을 완전히 무시하는 것이 좋습니다.

— Antonio Brandao

4

이것이 블랙 박스의 요점입니다. 내용을 보지 않고 코드를 실행하는 것입니다.

— diynevala

1

단순히 다른 라이브러리를 거치지 않고 존재하지 않거나 사용되지 않는 경우 블랙 박스가 아닙니다.

— johnny

firefox에 대한 업데이트 된 링크 : developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/…

— pcarvalho

31

최신 버전의 Chrome은 원하는 기능 을 정확히 수행하는 새로운 블랙 박스 기능 을 구현했습니다 . 기본적으로 주어진 파일에 블랙 박스 옵션을 설정하면 Chrome 디버거가 해당 파일에 침입하는 것을 방지합니다.

이 기능은 내장되어 있으며 파일의 컨텍스트 메뉴 (오른쪽 클릭)로 설정할 수 있습니다. Chrome 디버거가 모든 예외에서 중지되도록 설정된 경우에도 작동합니다.

— The_Black_Smurf
소스

2

매우 깨끗한 솔루션 플러그인이 필요하지 않습니다.

— George Botros 2015

3

안타깝게도 더 이상 작동하지 않습니다. 만약 "Pause On Caught Exceptions"를 체크 한 다음 블랙 박스 jQuery를 선택하면 여전히 예외가 발생합니다.

— blackmamba

15

문제가있는 경우 Chrome 디버거가 모든 예외 (jQuery 내부의 예외 포함)에서 중지되는 경우 모든 예외가 아닌 포착되지 않은 예외에서만 일시 중지하도록 Chrome에 지시해야 할 수 있습니다. 디버거의 스크립트 패널에있는 경우 창의 왼쪽 하단에이를 제어하는 아이콘이 있습니다.

— jfriend00
소스

이것으로 나를 구했습니다! 감사합니다 (+ 1)!

— OrPaz

12

Chrome에서 개발자 도구를 열고 설정으로 이동하면 Blackbox 탭 이 표시됩니다 .

FireFox에서는 훨씬 더 쉽습니다. 파일 하단의 Eye를 클릭하면됩니다.

— sMyles
소스

당신은 내 인생을 천국으로 만들었습니다! 감사!

— Do n't Know a

7

개발자 도구 설정으로 이동하여 왼쪽 패널의 Balckboxing 탭을 클릭하십시오.
그런 다음 패턴 추가 버튼을 클릭하고 jquery.js를 입력합니다.
개발자 도구를 닫았다가 다시 엽니 다. 이제 건너 뜁니다!

— 마흐무드 아사 디
소스

2

디버거가 jQuery 파일의 어딘가에서 폭발하는 경우 잠재적으로 의심스러운 호출을 try / catch로 래핑 한 다음 자체 catch. 이렇게하면 잘못된 위치를 정확히 격리 할 수 있습니다.

내 코드가 잘못된 JSON과 같은 이유를 알아보기 위해 스택 추적을 수행하는 것이 더 좋을 것입니다.

— 켈리 서튼
소스