javascript - 확인 - 크롬 자바스크립트 실행




Chrome 디버거에서 JavaScript 함수 반환 값을 검사하는 방법 (5)

gdb에서 왔을 때 함수가 끝나면 반환 값을 출력합니다. 디버깅중인 소스를 변경하지 않고 Chrome 디버거에서이 정보를 얻을 수있는 방법이 있습니까?


내 Chrome 버전은 41.0.2272.118 m입니다. 복잡한 회신 문을 별도의 줄에 배치해야하는 이유 중 하나가 여기에 있습니다. 반환 후 모든 행에 중단 점을 추가하면 Chrome은 소스 패널의 '범위 변수'창의 '로컬'노드 아래에 '<return> : true'잎을 추가합니다 (이 예에서는 중단 점이 히트.

function bar() {
   return true;
}    
(function foo() {
   return bar();
})(); // Place breakpoint here


여전히 Chrome에서는 불가능하지만 Firefox 24 이상에서는 가능합니다. 함수에서 벗어나기 (Shift + F11)가 필요하며 함수 범위에 던져진 반환 값이나 예외가 표시됩니다.


저는 Chrome 버전 57.0.2987.98 베타 (64 비트)를 사용하고 있으며 거기에있어 정말 좋습니다. 다음은 스크린 샷입니다.


이 문제는 2013 년 11 월 5 일에 해결 되었지만 Chrome Canary에서는이 글을 쓰는 동안 분명히 발표되었습니다. (33.0.1719.0에서 볼 수 있지만 Chrome 베타 버전 32.0.1700.19 베타에서는 볼 수 없습니다.)

실행중인 버전이 가지고있는 경우 return 문을 실행하면 디버거의 Scope Variables 로컬 범위에 값이있는 <return> 항목이 포함됩니다.

(필자는 주 디버깅을 위해 Canary를 사용해야하지만, 문제의 참조 된 알림 을보기 전까지 <return> 엔트리의 존재를 알지 못했습니다!)





google-chrome-devtools