PHPascal.com

PHPAscal rouge2 (Version bleu)


Programmation web CSS HTML PHP Jquery Javascript Wordpresse RSS SQL SSH, serveur linux Outils
  PHPascal a 144 articles


Recherche


cheap nike nfl jerseysWholesale cheap nfl jerseyscheap jerseys online from chinacheap nfl jerseys free shippingwholesale nba jerseysWholesale cheap nhl jerseyscheap nhl jerseys onlinecheap nba basketball jerseys

Valid HTML 5

Programmation web / Javascript / Programmation efficace en JS debogage

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.

Utilisation Firebug pour trouver Erreur Javascript

 

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.
Article écrit le 26 novembre 2012
Article modifié le 26 novembre 2012

Autres articles sous la même catégorie


Pascal Dubreuil | © PHPascal.com 2017
Temps d'exécution : 0.0155 sec
Imprimer le 23 August 2017 - 21:02:54
par Pascal Dubreuil organisateur du Marathon de Laval