2017-01-20 7 views
4

AngularJS에서 브라우저 콘솔에서 angular2에서 디버깅을 사용하는 방법, 우리는 디버그 정보와 현재 응용 프로그램을 다시로드2 각도 :

angular.reloadWithDebugInfo() 

reloadWithDebugInfo()이 켜져라는 함수가 있습니다. 브라우저 콘솔에서이 기능을 실행하고 디버깅을 활성화 할 수 있습니다. 나는 개발자 콘솔에서 디버깅을 가능하게 할 수있는 Angular 2을 찾고 있습니다. 그러나 브라우저 콘솔에서 액세스 할 수있는 동일한 기능이없는 것처럼 보입니다. enableDebugToolsdisableDebugTools과 같은 기능이있어 디버깅을 활성화 및 비활성화 할 수 있지만 브라우저 콘솔에서 액세스 할 수는 없습니다. 또한 ng & ng.probe처럼 angular2의 디버깅 무기에 액세스하려면, 하나에 작성된 첫 번째 디버그 도구를 사용해야하는 Angular 2 Application Debugging Guide : 당신이 에 액세스 할 수 있도록

하는 응용 프로그램이 생산 모드가 비활성화했습니다 확인 아래에 설명 된 모든 방법.

그냥 알고 싶습니다 각도 2로 콘솔을 사용하여 디버그 도구를 사용할 수있는 방법이 있습니까?

답변

2

개발 중 Angular2로 디버깅 정보가 기본적으로 활성화됩니다.

디버깅 도구는 응용 프로그램 속도가 느려집니다 및 코드 크기를 증가 디버그 정보를 제거하기 위해 호출 할 필요가 생산 enableProdMode()를 들어 enableDebugTools

활성화 될 필요가있다. 콘솔에서 디버그 정보에 액세스 할 수있는 옵션이 때를 활성화 할 필요가 각도 응용 프로그램 배포에 내장되어 있기 때문에 how to access Angular2 component specific data in console?

https://augury.angular.io/는 그래픽 UI

와 브라우저 플러그인을 제공하는 방법에 대한 자세한 내용은

응용 프로그램이 작성됩니다. 그렇지 않으면 전개 가능 항목에 포함되지 않습니다.

+0

일단 프로덕션 환경에서 디버깅을 사용하지 않도록 설정하려면 어떻게해야합니까? –

+0

그렇지 않습니다. 디버깅을 사용하도록 설정해야합니다. 질문에 언급 한대로 실제로 활성화해야합니다 (내 대답은 업데이트했지만 Chrome은 다운 됨). 응용 프로그램이 디버깅을 사용하지 않고 빌드 된 경우 배포 가능한 디버깅 정보가 없습니다. –

+3

프로덕션 환경에서 디버깅을 활성화 할 수 없습니다. 하나는 디버깅을 활성화 한 다음 다시 배포하여 다시 빌드해야합니다. 말이된다. 감사. –