Chrome의 성능 분석기에서 익명의 JavaScript 함수를 디버깅하려면 어떻게해야합니까?

저는 Angular 4로 작업 중이며 많은 익명의 화살표 함수 (() => {})를 사용하고 있습니다. Chrome의 성능 분석기에서 이름을 지정하지 않고 디버깅하는 기능을 결정할 수 있습니까?Chrome의 성능 분석기에서 익명의 JavaScript 함수를 디버깅하려면 어떻게해야합니까?

다음은 내가 본 것의 예입니다. 홈페이지 차트의 기능에 대한

출처

2017-11-02 J-R Choiniere

이 게시물과 같은 모든 익명 함수를 포함하는 변수를 작성하고 싶지 않습니다. 익명의 기능을 추적하고 싶습니다. 내 게시물의 제목을 변경해야합니다. –

[ES2015에서 이름이 표시된 화살표 함수를 작성하는 방법은 무엇입니까?] (https://stackoverflow.com/questions/27977525/how-do- i-write-a-es-named-arrow-function-in-es2015) – Petesh

편집/설명을 기반으로, 나는 속임수 투표를 철회했지만, 여전히 대답은 "당신은 할 수 없다. (원래 링크 된 게시물) (https://stackoverflow.com/questions/27977525/how-do-i-write-a-named-arrow-function-in-es2015)에서 방법을 보여줍니다. –

를 클릭하여 선택합니다. DevTools가 파란색으로 강조 표시합니다. 요약 탭에서 해당 기능에 대한 자세한 정보를 볼 수 있습니다.

은 소스에 패널을 그 함수의 소스 코드를보기 위해 기능 옆에있는 링크를 클릭합니다.

나는 성능 패널이 자동으로 축소 된 파일의 형식을 생각하지만, 그렇지 않은 경우는 Format을 클릭하여 수동으로 unminfiy 수 있습니다.

출처

2017-11-02 18:20:41

Chrome의 성능 분석기에서 익명의 JavaScript 함수를 디버깅하려면 어떻게해야합니까?

답변

관련 문제