Trouver facilement les erreurs Javascript
Comme vous avez dû le remarquer, trouver un bogue Javascript est beaucoup plus complexe et difficile qu'un bogue PHP. Par défaut PHP affiche clairement toutes les erreurs (Fatal, Warning, Notice). Pour Javascript rien d'afficher dans le cas d'une erreur.Pour savoir ce qui a planté il y a quelques outils indispensables a avoir et quelques ligne de code JS a connaître:
Premièrement, vous devez utiliser Firefox et ajouter le plug-in Firebug, cet outil fait des miracles.
L'utilisation de firebug est simple il suffit de l'activer (et la mouche devient colorer dans le menu) et le nombre d'erreurs javascript s'affiche en rouge dans l'icône. Il suffit de cliquer sur l'icône pour voir le détail des erreurs.
Deuxièmement, vous devez utiliser les try and catch javascript qui marche assez bien.
Exemple :
<script>
/*
* fonction qui affiche les erreurs s'il y en a
*/
function test()
{
Try {
// code de ma fonction
}
catch (e) {
alert('Error JS in function test\n\n' + e.message);
}
</script>
Troisièmement utilisé consol.debug dans Firebug :
console.debug(' texte pour debug ou variable');
On peut afficher la valeur de variable object ou tableau ou string, int via la ligne javascript
console.debug(ma_variable);
Et la valeur est affichée dans la console de firebug. Ceci permet de faire un suivi de nos variables pour voir ou est ce que ça plante.
Ces trucs fonctionnes parfaitement avec Jquery et autre librairie Javascript.
En espérant que vous allez plus facilement trouver et régler vos bogues JS.