[Angular] Angular 앱을 브라우저 콘솔에서 디버깅하는 방법

1366 단어 firefoxChromeAngular
(2020년 12월 추가)

처음 쓴 ng.probe 는 없어졌다(?) 것 같습니다.
대신 아래와 같이 지정한 요소가 포함된 구성 요소를 검색할 수 있습니다.
ng.getOwningComponent($0)

Angular의 구성 요소를 브라우저의 콘솔에서 조금 들여다 보는 방법입니다.

AngularJS 시대는 angular.element($0).scope() 어떻게 방법으로 갈 수 있었습니다. 그것의 Angular 시대 버전입니다.

보고 싶은 요소를 선택



Inspector에서 보고 싶은 요소를 선택합니다.



콘솔에 ng.probe 입력



다음과 같이 입력하면 구성 요소 개체를 덤프할 수 있습니다.
ng.probe($0).componentInstance



오류가 발생하면 잘못된 요소를 선택했거나 디버그 모드가 비활성화된 것 같습니다.

좋은 웹페이지 즐겨찾기