Aurelia-디버깅

이 장에서는 Aurelia 컨텍스트 디버거를 크롬 확장으로 추가하는 방법을 배웁니다.

Note − 확장 기능을 추가하기 전에 aurelia-tools파일. 없는 경우 도구 장을 확인할 수 있습니다.

1 단계-Chrome 확장 프로그램 열기

크롬 확장 프로그램을 여는 가장 쉬운 방법은 브라우저의 URL 표시 줄에서 다음 코드를 실행하는 것입니다.

chrome://extensions

2 단계-확장 추가

이 확장 프로그램은 아직 Chrome 스토어에서 사용할 수 없으므로 developermode 확인란을 클릭하고 Load Unpacked Extensions. 추가 할 확장을 선택할 수있는 작은 창이 열립니다.

이 예에서는 Desktop / aurelia-projects / tools / context-debugger 폴더를 선택하고 엽니 다.

이제 확장이 브라우저에로드 된 것을 볼 수 있습니다.

개발자 콘솔도 확인할 수 있습니다. 클릭하면elements 탭, 우리는 볼 것입니다 aurelia-properties 오른쪽 하단에 있습니다.