Chrome에서 코드로부터 JavaScript 브레이크 포인트를 설정하는 방법

Chrome에서 코드로부터 JavaScript 브레이크 포인트를 설정하는 방법

Chrome 디버거를 강제로 코드를 통해 회선을 끊거나 다음과 같은 댓글 태그를 사용합니다.console.break().

하시면 됩니다.debugger;당신의 코드 안에.개발자 콘솔이 열려 있으면 실행이 중단됩니다.이치노

이 경우에도 하실 수 있습니다.debug(function)function출됩니니다다

명령줄 API 레퍼런스: debug

하고, 「」를 합니다.debugger;

예

$("#myBtn").click(function() {
 debugger;   
});

데모

http://jsfiddle.net/hBCH5/

JavaScript 디버깅에 관한 리소스

• http://www.laurencegellert.com/2012/05/the-three-ways-of-setting-breakpoints-in-javascript/
• http://berzniz.com/post/78260747646/5-javascript-debugging-tips-youll-start-using-today

다른 사람들이 이미 말했듯이debugger;가는 길이에요.함수 호출 직전에 브라우저 명령줄에서 브레이크 포인트를 설정 및 삭제하기 위해 사용할 수 있는 작은 스크립트를 작성했습니다.http://andrijac.github.io/blog/2014/01/31/javascript-breakpoint/

debugger EcmaScript 이후 됩니다.

따라서 Chrome뿐만 아니라 Firefox 및 Node.js에서도 를 통해 사용할 수 있습니다.

표준에는 다음과 같이 기술되어 있습니다.

구문

DebuggerStatement :
    debugger ;

의미론

DebuggerStatement 생산을 평가하면 디버거에서 실행할 때 구현이 중단점을 발생시킬 수 있습니다.디버거가 없거나 활성화되지 않은 경우 이 문은 관찰할 수 있는 효과가 없습니다.

프로덕션 DebuggerStatement : debugger'는 다음과 같이 평가됩니다.

1. 구현 정의 디버깅 기능을 사용할 수 있고 사용할 수 있는 경우
   1. 구현 정의 디버깅액션을 수행합니다.
   2. 결과를 구현 정의 완료 값으로 합니다.
2. 른른
   1. 결과를 (정상, 비어, 비어 있음)으로 합니다.
3. 결과를 반환하다.

ES6는 변경되지 않았습니다.

스크립트 탭에서 코드가 있는 곳으로 이동합니다.회선 번호의 왼쪽에서 을 클릭합니다.그러면 중단점이 설정됩니다.

스크린샷:

그러면 오른쪽 탭 내에서 중단점을 추적할 수 있습니다(스크린샷 참조).

JavaScript 코드를 디버깅하는 방법은 여러 가지가 있습니다.코드를 통해 JavaScript를 디버깅하기 위해서는 다음 두 가지 접근법이 널리 사용됩니다.

1. 사용.console.log()브라우저 콘솔에서 값을 출력합니다.(이것에 의해, 코드의 특정 포인트의 값을 이해하는 데 도움이 됩니다.

2. 디버거 키워드더하다debugger;디버깅할 위치로 이동하고 브라우저의 개발자 콘솔을 열고 소스 탭으로 이동합니다.

JavaScript 코드를 디버깅하는 더 많은 도구와 방법은 W3 School에서 제공하는 이 링크에 나와 있습니다.

이것은 가능한 일이며, 당신이 이것을 하고 싶은 많은 이유가 있을 수 있습니다.예를 들어 페이지 로딩 시작 부근에 있는 javascript 무한 루프를 디버깅하면 크롬 개발자 도구 세트(또는 firebug)가 올바르게 로딩되지 않습니다.

섹션 2 참조

http://www.laurencegellert.com/2012/05/the-three-ways-of-setting-breakpoints-in-javascript/

또는 필요한 테스트 포인트의 코드에 디버거라는 단어가 포함된 행을 추가합니다.

중단점:-

중단점은 실행을 중지하고 JavaScript 값을 검사할 수 있습니다.

값을 검사한 후 (일반적으로 재생 버튼을 사용하여) 코드 실행을 재개할 수 있습니다.

디버거:-

디버거. JavaScript 실행을 중지하고 디버깅 함수를 호출합니다.

디버거 문은 실행을 일시 중단하지만 파일을 닫거나 변수를 지우지는 않습니다.

Example:-
function checkBuggyStuff() {
  debugger; // do buggy stuff to examine.
};

설정할 수 있습니다.debug(functionName)기능을 디버깅합니다.

https://developers.google.com/web/tools/chrome-devtools/javascript/breakpoints#function

추천하지 않겠습니다debugger;자바스크립트 코드를 죽이고 정지하고 싶다면debugger;javascript 코드를 일시적으로 정지할 뿐 영구적으로 정지하지는 않습니다.

명령어로 javascript 코드를 적절하게 종료하려면 다음을 사용합니다.

throw new Error("This error message appears because I placed it");

이 Git은 merb 프로젝트에서 잘못된 디버거 문을 제거하기 위한 사전 커밋 후크입니다.

제거하고 싶은 경우 유용할 수 있습니다.debugger커밋 중 중단점

언급URL : https://stackoverflow.com/questions/10050465/how-to-set-a-javascript-breakpoint-from-code-in-chrome