{"id":144,"date":"2006-10-11T18:11:26","date_gmt":"2006-10-11T16:11:26","guid":{"rendered":"http:\/\/www.gatellier.be\/blog\/?p=144"},"modified":"2009-08-05T08:58:42","modified_gmt":"2009-08-05T06:58:42","slug":"je-redecouvre-firebug-debogage-facile","status":"publish","type":"post","link":"https:\/\/gatellier.be\/blog\/je-redecouvre-firebug-debogage-facile\/","title":{"rendered":"Je (re)d\u00e9couvre Firebug ou le d\u00e9bogage facile"},"content":{"rendered":"<p>En pr\u00e9parant un petit article, je suis tomb\u00e9 sur <a href=\"\/\/www.digitalmediaminute.com\/screencast\/firebug-js\/\">cette vid\u00e9o qui montre comment d\u00e9boguer avec Firebug<\/a>.<\/p>\n<p>Je suis presque tomb\u00e9 de ma chaise. Je ne connaissais pas la moiti\u00e9 des capacit\u00e9s de cette merveilleuse <a href=\"https:\/\/addons.mozilla.org\/firefox\/1843\/\">extension de d\u00e9bogage pour FireFox<\/a>, que j&#8217;emploie quand m\u00eame depuis un bout de temps (v0.2 si les souvenirs sont bons).<\/p>\n<p>Avant, je ne l&#8217;employais que pour <strong>tracer mes appels Ajax<\/strong> et les r\u00e9ponses du serveur et tester des variables et fonctions, le tout dans la console.<\/p>\n<p>Je n&#8217;avais pas vraiment vu la puissance du d\u00e9bogueur.<\/p>\n<h3>Une petit explication s&#8217;impose.<\/h3>\n<p>Pour que Firebug s&#8217;arr\u00eate \u00e0 chaque erreur, il faut que l&#8217;option soit activ\u00e9e. (onglet &#8220;Debugger&#8221;, menu &#8220;Options&#8221;).<\/p>\n<p style=\"text-align:center;\"><a href=\"\/blog\/?pp_album=1&#038;pp_image=option_activation_debogage_firebug.png\"><img decoding=\"async\" border=\"0\" alt=\"L'option pour activer le d\u00e9bogueur de Firebug\" title=\"L'option pour activer le d\u00e9bogueur de Firebug\" src=\"\/blog\/wp-content\/photos\/option_activation_debogage_firebug.png\" \/><\/a><\/p>\n<p>Je pensais que toutes les options \u00e9taient regroup\u00e9es \u00e0 un seul endroit. Soit, je m&#8217;encro\u00fbte, soit l&#8217;interface n&#8217;est pas super parlante.<\/p>\n<p>Bon maintenant regardons tout ce que l&#8217;on peut faire avec ce d\u00e9bogueur.<\/p>\n<p>Le principe est le suivant\u00a0: on appelle des m\u00e9thodes de l&#8217;objet console en lui passant des param\u00e8tres.<\/p>\n<p>\n<code>console.log(\"message\" [,objects])<\/code><br \/>\n<code>console.debug(\"message\" [,objects])<\/code><br \/>\n<code>console.info(\"message\" [,objects])<\/code><br \/>\n<code>console.warn(\"message\" [,objects])<\/code><br \/>\n<code>console.error(\"message\" [,objects])<\/code><br \/>\netc&#8230;<\/p>\n<p>La <a href=\"\/\/www.joehewitt.com\/software\/firebug\/docs.php\"><strong>liste compl\u00e8te des m\u00e9thodes de Firebug<\/strong><\/a> est bien \u00e9videmment disponible en ligne.<\/p>\n<p>Vraiment bien fait ces petites m\u00e9thodes (surtout celles qui permettent d&#8217;\u00e9valuer le temps qu&#8217;un javascript met).<\/p>\n<p>Adopt\u00e9 par toute l&#8217;\u00e9quipe des int\u00e9grateurs, et certains d\u00e9veloppeurs. Merci Joe Hewitt\u00a0!<\/p>\n<h4>Liens relatifs\u00a0:<\/h4>\n<ul>\n<li><a href=\"https:\/\/addons.mozilla.org\/firefox\/1843\/\">Firebug, l&#8217;extension de d\u00e9bogage pour Firefox<\/a><\/li>\n<li>Le <a href=\"\/\/www.joehewitt.com\/\">blog du d\u00e9veloppeur<\/a> de l&#8217;extension Firefox<\/li>\n<li>La <a href=\"\/\/www.digitalmediaminute.com\/screencast\/firebug-js\/\"><strong>vid\u00e9o explicative<\/strong><\/a> &#8211; qui m&#8217;a r\u00e9v\u00e9l\u00e9 le potentiel de Firebug<\/li>\n<li>Un autre <a href=\"\/\/encytemedia.com\/blog\/articles\/2006\/05\/12\/an-in-depth-look-at-the-future-of-javascript-debugging-with-firebug\">article int\u00e9ressant sur Firebug<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>En pr\u00e9parant un petit article, je suis tomb\u00e9 sur cette vid\u00e9o qui montre comment d\u00e9boguer avec Firebug. Je suis presque tomb\u00e9 de ma chaise. Je ne connaissais pas la moiti\u00e9 des capacit\u00e9s de cette merveilleuse extension de d\u00e9bogage pour FireFox, que j&#8217;emploie quand m\u00eame depuis un bout de temps (v0.2 si les souvenirs sont bons). [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[58,25,30,63,37,38,54,61,10],"tags":[],"class_list":["post-144","post","type-post","status-publish","format-standard","hentry","category-extension","category-ajax","category-code","category-debogage","category-emakina","category-firefox","category-javascript","category-productivite","category-tutorial"],"_links":{"self":[{"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/posts\/144","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/comments?post=144"}],"version-history":[{"count":0,"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/posts\/144\/revisions"}],"wp:attachment":[{"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/media?parent=144"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/categories?post=144"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gatellier.be\/blog\/wp-json\/wp\/v2\/tags?post=144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}