Obtenha o rastreamento completo da pilha de chamadas de $ http
Digamos que alguém escreveu um método como este em um arquivo chamadoapp.js
tentando realizar uma solicitação XHR contra um URL inexistente:
app.controller('MainCtrl', function($scope,$http) {
$scope.send = function() {
$http.get('http://run.plnkr.co/thisIs404');
};
});
Vejo um erro em relação ao URLhttp://run.plnkr.co/thisis404
no console e no painel de rede:
Para depurar isso, quero encontrar rapidamente onde essa chamada XHR foi feita nas fontes (ou seja, encontrar oapp.js
Arquivo) :
Então, eu habilito nas ferramentas de desenvolvimento do chrome:
depuração assíncrona na pilha de chamadasdepurar qualquer XHRNa verdade, o depurador para na solicitação XHR, mas a pilha de chamadas exibe apenas referências aos arquivos "core" angular.js:nenhuma referência a app.js
em qualquer lugar a ser encontrado.
Eu tentei isso com o cromo 36 e o cromo 35. Única solução: procure o URL errado em toda a base de código (que em alguns casos pode ser difícil de fazer).
O modo de depuração assíncrona não deveria apontar paraapp.js
em algum lugar da pilha?Existe uma maneira de rastrear issoapp.js
arquivo facilmente a partir do erro do console?Com solicitações baunilha XHR (ou seja, sem angular), a pilha de chamadas de depuração XHR exibe a chamada XHR emapp.js
(que é mais fácil depurar nesse caso):
Exemplo completo aqui:http://plnkr.co/edit/lnCRpv?p=preview
[EDIT] Como me perguntaram: o Angular.js não está reduzido nos meus testes.