Угловая трассировка стека в Firefox с Firebug

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

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

введите здесь описание изображения

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

введите здесь описание изображения

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


person wvdz    schedule 20.10.2014    source источник
comment
вы получаете html-ссылку, потому что используете минимизированную версию angular js   -  person harishr    schedule 24.10.2014
comment
У меня все в порядке с получением ссылки, моя проблема в том, как она отформатирована в Firefox.   -  person wvdz    schedule 24.10.2014


Ответы (5)


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

person pasine    schedule 25.10.2014
comment
Похоже, единственное, что можно сделать, это действительно использовать неминифицированную версию angular, если не считать самостоятельной разработки плагина Firefox. - person wvdz; 30.10.2014

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

person Kutyel    schedule 30.10.2014

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

person Jim Hunziker    schedule 16.12.2014

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

Но если сравнивать ваниль с ванилью, Chrome — это то, что вам нужно.

person MEAN Developer    schedule 25.10.2014
comment
Я не могу найти никаких плагинов для этого. Я попробовал AngScope, но это помогает только проверить угловую $scope в DOM. - person wvdz; 25.10.2014
comment
Это то же самое, что и Chrome Batarang. Я тоже провел некоторое время, осматриваясь, и кажется, что в Chrome просто есть более развитый инструмент для проверки и отслеживания стека. В большинстве случаев различия незначительны, но если вы собираетесь разрабатывать приложения Angular, кажется, что Chrome сделает вашу жизнь проще. - person MEAN Developer; 26.10.2014

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

person Siva Phaneendra Babu    schedule 30.10.2014