Firebug가 포함 된 Firefox의 각 스택 추적 코드

Webapp을 Angular로 개발 중이며 Firebug와 함께 Firefox를 디버깅 용으로 사용하고 있습니다.Firebug가 포함 된 Firefox의 각 스택 추적 코드

내 각도에 오류가있을 때마다 스택 추적을 올바르게 표시하지 못합니다. 대신은을 console.log이 같은 뭔가를 보여줍니다

enter image description here

크롬, 나는 오류 정의에 클릭 가능한 링크와 함께 멋진 스택 트레이스를 얻을 :

enter image description here

내가 강제 있습니까 Angular로 개발하기 위해 Chrome으로 전환 하시겠습니까? 아니면이 문제가 있습니까?

출처

2014-10-20 wvdz

각도가 최소화 된 버전을 사용하고 있기 때문에 HTML 링크가 표시됩니다 – harishr

링크를 얻는 데는 괜찮습니다. 제 문제는 어떻게 Firefox에서 포맷했는지입니다. – wvdz

더 나은 스택 추적을 위해 Chrome의 개발자 도구로 전환하려고합니다. 그러나 파이어 폭스를위한 플러그인/확장 기능이있어 문제를 해결할 수 있으므로 결정하기 전에 약간의 조사를해야합니다.

그러나 바닐라를 바닐라와 비교할 때 Chrome이 원하는 것입니다.

출처

2014-10-25 05:55:23

플러그인을 찾을 수 없습니다. AngScope를 시도했지만 DOM의 각진 $ 범위를 검사하는 데 도움이됩니다. – wvdz

크롬의 Batarang과 동일합니다. 주변을 둘러 보는 데 시간을 보냈는데 Chrome에는 스택을 검사하고 추적하기위한 더 나은 개발 도구가있는 것으로 보입니다. 대부분의 경우, 그 차이는 무시할 만하지만 Angular 앱을 개발하려고한다면 Chrome으로 삶이 편하게됩니다. –

축소 된 버전의 Angular를 축소되지 않은 것으로 교체하십시오.
주입 문제 일 경우 콘솔에서보다 의미있는 피드백을 얻을 수 있습니다.
더 일반적인 답변으로, 각도를 디버그하는 가장 좋은 도구는 AngularJS Batarang 및 ng-inspector이며, 예, Chrome 확장 프로그램입니다.

출처

2014-10-25 19:10:46 pasine

할 수있는 유일한 방법은 파이어 폭스 플러그인을 직접 개발하지 않고 각도가 아닌 버전을 실제로 사용하는 것입니다. – wvdz

웹 응용 프로그램에 angular.js를 포함 시키면 Firebug의 오류 링크 정의에 동일한 클릭 가능한 기능을 사용할 수 있습니다. Firebug는 Angular 응용 프로그램의 행 번호 (부분 오류가 발생한 부분)를 표시 할 수 있습니다.

출처

2014-10-30 05:37:47

AngScope이라는 비공개 애드온이 있지만 비공식이지만 firefox에서 angular.js를 디버깅 할 때 매우 유용합니다. 크롬으로 전환하고 싶지 않다면 시도해 볼 가치가 있습니다.

출처

2014-10-30 07:23:55 Kutyel