Descrição:

Ajax Developer Debug é um plugin para debugar requisições XMLHttpRequest.
O plugin permite que você capture todos os erros retornados pelo Ajax no jQuery.
Este plugin pode ser utilizado em um ambiente de desenvolvimento para mostar erros em tempo de execução, ou ainda inserir esses erros em um elemento HTML na sua Aplicação Web.

Histórico:

Decidi criar este plugin, pois no projeto cujo qual sou desenvolvedor/co-fundador (thewebmind.org) tinhamos a necessidade de conseguir visualizar todos os possíveis erros retornados em requisições Ajax.
Como o TheWebMind é todo “orientado a Ajax”, criamos uma engine server-side(PHP) que manipula os erros forçando códigos HTTP para cada exceção gerada no servidor(Para saber mais sobre esta técina acesse: http://felipenascimento.org/triggering-http-errors/).
Com Javascript, utilizando jQuery criamos uma engine que captura esses erros, e nos devolve de maneira amígavel.

Como usar o Plugin:

Para usar o plugin basta adicioanar uma chamada a AjaxDebug() no evento error da requisição Ajax no jQuery:

$.ajax({
type: "POST",
url: "taeste.php",
success: function(msg){
alert(msg)
},
error: function(XMLHttpRequest, textStatus, errorThrown){
$(XMLHttpRequest).AjaxDebug({
containerId : "load",
nativeConsole : false
});
}
});

Documentação:

Para cada requisição chame AjaxDebug() no evento error passando o objeto XMLHttpRequest.

Propriedades:
containerId – (String) Especifica o id do elemento onde o erro deve ser retornado.
nativeConsole – (True|False)  Especifica se deve ser exibido o console nativo para exibição de erros.

Exemplos:

1. Requisição gerará erro, pois a página php não existe.
containerId especifica que o retorno vai para  o elemento com a id=”load” e nativeConsole=false especifica que não haverá console:

$.ajax({
type: "POST",
url: "taeste.php",
success: function(msg){
alert(msg);
},
error: function(XMLHttpRequest, textStatus, errorThrown){
$(XMLHttpRequest).AjaxDebug({
containerId : "load",
nativeConsole : false
});
}
});

2. Requisição gerará erro, pois a página php não existe.
nativeConsole=true especifica que  o console nativo deve ser ativado.

$.ajax({
type: "POST",
url: "testea.php",
success: function(msg){
alert(msg);
},
error: function(XMLHttpRequest, textStatus, errorThrown){
$(XMLHttpRequest).AjaxDebug({
nativeConsole : true
});
}
});