2014-10-20 4 views
8

Я разрабатываю webapp в Angular, и я использую Firefox с Firebug для отладки.Угловая стежка в Firefox с Firebug

Всякий раз, когда в моем Угловом есть ошибка, он не может правильно отобразить стек. Вместо этого он показывает что-то подобное в console.log:

enter image description here

В Chrome, я получаю хороший StackTrace с интерактивной ссылкой на определение ошибки:

enter image description here

я вынужден переключиться на Chrome для разработки в Angular, или есть ли исправление для этого?

+0

вы получаете ссылку html, потому что используете минимальную версию углового js – harishr

+0

Я в порядке с получением ссылки, моя проблема в том, как она отформатирована в firefox. – wvdz

ответ

1

Вам нужно переключиться на инструменты разработчика Chrome для лучшей проверки трассировки. Тем не менее, для Firefox может быть плагин/расширение для Firefox, которое очищает вас, поэтому убедитесь, что вы сделали небольшое исследование, прежде чем принимать решение.

Но при сравнении ванили с ванилью Chrome - это то, что вы хотите.

+0

Я не могу найти для этого плагинов. Я попробовал AngScope, но это только помогает проверить угловую $ область в DOM. – wvdz

+0

То же, что и у Batarang Chrome. Я тоже некоторое время смотрел вокруг, и, похоже, Chrome имеет более совершенный инструмент для проверки и отслеживания стека. В большинстве случаев различия незначительны, но если вы собираетесь разрабатывать приложения с угловым выражением, кажется, что Chrome сделает вашу жизнь проще. –

4

Попробуйте заменить миниатюрный вариант Углового на неминифицированный.
Если это проблема с инжекцией, у вас будет более значимая обратная связь в консоли.
Как более общий ответ, лучшими инструментами для отладки углов являются AngularJS Batarang и ng-inspector и, да, это расширения Chrome.

+1

Похоже, что единственное, что можно сделать, - это действительно использовать недоразвитую версию углового, даже не разрабатывая плагин firefox. – wvdz

1

В Firebug вы можете получить одну и ту же функцию привязки к определению ссылки на ошибку, когда вы включите angular.js в свое веб-приложение. Firebug может отображать номера строк (в которых произошла ошибка части) для вашего углового приложения.

3

Существует особая надстройка для Firefox под названием AngScope, который не является официальным, но, как представляется, будет очень полезно при отладке angular.js в светлячок. Если вы не хотите переключаться на хром, стоит попробовать.

3

Вместо замены углового.min.js на angular.js, вы можете сделать оба файла доступными вместе с угловым.min.js.map. Firefox распознает файл исходной карты и вытаскивает лучшее сообщение об ошибке и трассировку стека из неминифицированного источника.

Смежные вопросы