Comment déboguer des fichiers JavaScript chargés dyniquement?

Question

Actuellement, l'application Web sur laquelle je travaille charge dans un certain nombre de fichiers de script en utilisant jQuery.Load() lorsque le document DOM est prêt. Toutefois, si ces fichiers de script ont des erreurs de syntaxe, ni Firebug ni IE Developer Tool peuvent afficher de manière fiable la ligne avec erreur ou donner des nombres de lignes vraiment énormes.

Comment puis-je déboguer de tels scripts? Ou devrais-je les charger via des tags de script jusqu'à ce que j'ai vérifié qu'ils sont sans bug?

Answer 1

plugin firebug pour mozilla dispose d'un outil de débogage javascript intégré. Qui peut être utilisé dans le but mentionné

Answer 2

J'ai eu exactement le même problème avec YUI3. Je suis revenu à l'approche certes moins cool mais plus stable d'inclure les fichiers requis - YUI3 a un outil intéressant pour vous donner toutes ces balises de script - je ne sais pas si c'est la même chose pour JQuery. Désolé, ce n'est probablement pas si utile!

Answer 3

les charger dans en ajoutant dynamiquement une balise de script pour eux (en utilisant les DOM), qui devrait faire l'affaire:

var newScript; 
var loadFunc = function() 
{ 
    alert("External Javascript File has been loaded"); 
}; 
newScript = document.createElement('script'); 
newScript.setAttribute('type','text/javascript'); 
newScript.setAttribute('src'); 
newScript.onreadystatechange = function() //IE triggers this event when the file is loaded 
{ 
    if (newScript.readyState == 'complete' || newScript.readyState == 'loaded') 
     loadFunc(); 
}; 
newScript.onload = loadFunc;    //Other browsers trigger this one 
document.getElementsByTagName('head')[0].appendChild(newScript);