{"id":230598,"date":"2022-12-03T13:38:00","date_gmt":"2022-12-03T10:38:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=230598"},"modified":"2022-12-03T18:52:17","modified_gmt":"2022-12-03T15:52:17","slug":"outils-de-debogage-wordpress-natifs-qui-ne-necessitent-pas-dide","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fr\/outils-de-debogage-wordpress-natifs-qui-ne-necessitent-pas-dide\/","title":{"rendered":"Outils de d\u00e9bogage WordPress natifs qui ne n\u00e9cessitent pas d&rsquo;IDE"},"content":{"rendered":"\n<p>Si vous venez de <strong><a href=\"https:\/\/tommcfarlin.com\/members-only-content\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">devenir membre<\/a><\/strong> du site et que vous recherchez du contenu sp\u00e9cifiquement pour <strong><a href=\"https:\/\/tommcfarlin.com\/tag\/the-independent-wordpress-developer\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">The Independent WordPress Developer<\/a><\/strong>, je vous recommande de lire <strong><a href=\"https:\/\/wordpress.mediadoma.com\/fr\/installer-wordpress-pour-le-developpement-local\/\" title=\"le post pr\u00e9c\u00e9dent\">le post pr\u00e9c\u00e9dent<\/a><\/strong> \u2013 \u200b\u200b\u00e0 tout le moins \u2013 pour vous pr\u00e9parer au contenu de ce post.<\/p>\n<p>Si, toutefois, vous cherchez \u00e0 rattraper l&rsquo;article pr\u00e9c\u00e9dent, voici une courte liste de tout ce qui a \u00e9t\u00e9 \u00e9crit jusqu&rsquo;\u00e0 pr\u00e9sent\u00a0:<\/p>\n<ol>\n<li><strong><a href=\"https:\/\/tommcfarlin.com\/local-development-for-the-indie-wordpress-developer\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">D\u00e9veloppement local pour le d\u00e9veloppeur WordPress ind\u00e9pendant<\/a><\/strong><\/li>\n<li><a href=\"https:\/\/tommcfarlin.com\/databases-and-tools-indie-wordpress-developer\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Bases de donn\u00e9es et outils pour le d\u00e9veloppeur WordPress ind\u00e9pendant<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.mediadoma.com\/fr\/installer-wordpress-pour-le-developpement-local\/\" title=\"Installer WordPress pour le d\u00e9veloppement local\">Installer WordPress pour le d\u00e9veloppement local<\/a><\/li>\n<\/ol>\n<p>Alors que nous nous pr\u00e9parons \u00e0 aborder des sujets plus avanc\u00e9s tels que le d\u00e9bogage et les IDE, il convient d&rsquo;abord de noter les outils dont nous disposons que nous pouvons installer dans WordPress qui nous aideront \u00e0 r\u00e9soudre les probl\u00e8mes de d\u00e9bogage pendant le d\u00e9veloppement.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-163128-61e74ae7f1644.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-163128-61e74ae7f1644.png\" alt=\"Outils de d\u00e9bogage WordPress natifs qui ne n\u00e9cessitent pas d&#039;IDE\"><\/a><\/p>\n<p>De plus, ces probl\u00e8mes ne sont pas strictement li\u00e9s \u00e0 PHP. Ceux-ci incluent \u00e9galement les probl\u00e8mes de JavaScript. Et pour aller plus loin, il existe des moyens de configurer WordPress de mani\u00e8re native afin qu&rsquo;il g\u00e9n\u00e8re des erreurs directement dans notre navigateur.<\/p>\n<p>Donc, avant d&rsquo;examiner les journaux d&rsquo;erreurs, les IDE, Xdebug, etc., nous allons examiner ce que nous pouvons faire dans WordPress lui-m\u00eame.<\/p>\n<h2>Outils de d\u00e9bogage WordPress natifs<\/h2>\n<p>Les outils de d\u00e9bogage WordPress natifs sont une combinaison de deux choses :<\/p>\n<ol>\n<li>les options que nous pouvons d\u00e9finir dans le fichier de configuration WordPress qui nous permettent de voir les informations \u00e9crites \u00e0 l&rsquo;\u00e9cran,<\/li>\n<li>plusieurs plugins qui nous aideront \u00e0 travailler avec des fichiers PHP et JavaScript depuis la zone d&rsquo;administration de WordPress<\/li>\n<\/ol>\n<p>Pour le deuxi\u00e8me point ci-dessus, je tiens \u00e0 pr\u00e9ciser qu&rsquo;il existe de nombreux plugins disponibles pour quelque chose comme \u00e7a ; cependant, je veux garder l&rsquo;installation aussi simple que possible afin que nous ne soyons pas submerg\u00e9s par trop d&rsquo;informations.<\/p>\n<p>Au lieu de cela, je veux que nous disposions des informations dont nous avons besoin pour tester et \u00e9valuer notre travail, mais que nous n&rsquo;ayons que ce dont nous avons besoin. Au moins pour l&rsquo;instant. Nous parlerons peut-\u00eatre de sujets avanc\u00e9s dans de futurs articles.<\/p>\n<p>Cela dit, commen\u00e7ons.<\/p>\n<h3>Configurer WordPress<\/h3>\n<p>Avant de vous soucier de la configuration, WordPress lui-m\u00eame propose diff\u00e9rentes options que nous pouvons configurer dans le <code>wp-config.php<\/code>fichier. Celles-ci sont bien document\u00e9es dans le Codex, mais je sais par exp\u00e9rience des e-mails d&rsquo;autres personnes que les informations peuvent \u00eatre un peu difficiles \u00e0 parcourir.<\/p>\n<p>Tout d&rsquo;abord, il est important de noter ce qui suit (tel que cit\u00e9 dans le WordPress Codex):<\/p>\n<blockquote>\n<p><a href=\"\/\/codex.wordpress.org\/WP_DEBUG)\" class=\"external external_icon\" rel=\"nofollow\" target=\"_blank\">WP_DEBUG<\/a> est une constante PHP (une variable globale permanente) qui peut \u00eatre utilis\u00e9e pour d\u00e9clencher le mode &quot;d\u00e9bogage&quot; dans WordPress. Il est suppos\u00e9 \u00eatre faux par d\u00e9faut et est g\u00e9n\u00e9ralement d\u00e9fini sur vrai dans le fichier <a href=\"https:\/\/codex.wordpress.org\/Editing_wp-config.php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wp-config.php<\/a> sur les copies de d\u00e9veloppement de WordPress.<\/p>\n<\/blockquote>\n<p>Cela suppose que vous comprenez les constantes PHP. Sinon, consultez le manuel <strong><a href=\"https:\/\/secure.php.net\/manual\/en\/language.constants.php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ici<\/a><\/strong> (il est assez simple). Le court de celui-ci est le suivant:<\/p>\n<blockquote>\n<p>Une constante est un identifiant (nom) pour une valeur simple.<\/p>\n<\/blockquote>\n<p>Je vais donc faire ce que je peux pour fournir les options de configuration aussi distill\u00e9es que possible.<\/p>\n<p>Tout d&rsquo;abord, dans le <code>wp-config.php<\/code>fichier, vous voudrez changer la ligne <strong><a href=\"https:\/\/gist.github.com\/tommcfarlin\/426e02bcfc411d43be6715b3e84ead7e#file-09-wp-config-original-php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">qui se lit comme suit\u00a0:<\/a><\/strong><\/p>\n<pre><code>&lt;?php\ndefine( 'WP_DEBUG', false );<\/code><\/pre>\n<p><strong><a href=\"https:\/\/gist.github.com\/tommcfarlin\/426e02bcfc411d43be6715b3e84ead7e#file-10-wp-config-debug-php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">A ceci<\/a><\/strong> :<\/p>\n<pre><code>&lt;?php\ndefine( 'WP_DEBUG', true );<\/code><\/pre>\n<p>Ce n&rsquo;est pas tout, cependant. Il y a quelques autres choses \u00e0 ajouter qui am\u00e9lioreront l&rsquo;exp\u00e9rience de d\u00e9bogage\u00a0:<\/p>\n<pre><code>&lt;?php\ndefine( 'WP_DEBUG', true );\ndefine( 'WP_DEBUG_LOG', true );\ndefine( 'WP_DEBUG_DISPLAY', true );\n@ini_set( 'display_errors', 1 );\ndefine( 'SCRIPT_DEBUG', true );\ndefine( 'SAVEQUERIES', true );<\/code><\/pre>\n<p>Si vous suivez le Mais que signifie chaque ligne\u00a0? Voici une explication aussi succincte que je peux donner maintenant:<\/p>\n<ul>\n<li><strong>WP_DEBUG<\/strong>. Cela affichera toutes les erreurs et tous les avertissements g\u00e9n\u00e9r\u00e9s par PHP lors de l&rsquo;ex\u00e9cution de WordPress. L&rsquo;ex\u00e9cution de l&rsquo;application par elle-m\u00eame ne devrait poser aucun probl\u00e8me ; cependant, l&rsquo;ex\u00e9cuter avec divers plugins peut \u00eatre une histoire diff\u00e9rente selon la qualit\u00e9 du plugin.<\/li>\n<li><strong>WP_DEBUG_LOG<\/strong>. C&rsquo;est l&rsquo;une de mes constantes pr\u00e9f\u00e9r\u00e9es, et elle \u00e9crit toute la sortie dans le journal de mani\u00e8re d\u00e9taill\u00e9e. Je vais couvrir cela dans un prochain article mais, pour l&rsquo;instant, sachez que c&rsquo;est quelque chose qui, selon moi, devrait toujours \u00eatre d\u00e9fini dans votre <strong><a href=\"https:\/\/wordpress.mediadoma.com\/fr\/installer-wordpress-pour-le-developpement-local\/\" title=\"environnement de d\u00e9veloppement.\">environnement de d\u00e9veloppement.<\/a><\/strong><\/li>\n<li><strong>WP_DEBUG_DISPLAY<\/strong>. C&rsquo;est celui que vous pouvez d\u00e9finir sur vrai ou faux (bien que je pr\u00e9f\u00e8re vrai). Il compl\u00e8te le param\u00e8tre pr\u00e9c\u00e9dent en vous permettant de voir les messages dans le navigateur qui sont \u00e9galement \u00e9crits sur le blog. Je ne sais pas si c&rsquo;est quelque chose que vous trouverez b\u00e9n\u00e9fique ou non. Si vous n&rsquo;\u00eates pas pr\u00eat \u00e0 parcourir les traces de la pile et des informations plus d\u00e9taill\u00e9es, vous pouvez envisager de d\u00e9finir celle-ci sur true.<\/li>\n<li><strong>afficher_erreurs.<\/strong> Le Codex mentionne que vous pouvez le d\u00e9finir sur false, mais je pense qu&rsquo;il devrait \u00eatre d\u00e9fini sur true pour activer les erreurs et les avertissements.<\/li>\n<li><strong>SCRIPT_DEBUG<\/strong>. Le noyau de WordPress utilise des versions r\u00e9duites des fichiers CSS et JavaScript. La d\u00e9sactivation de ce param\u00e8tre vous permettra d&rsquo;afficher tout le contenu des fichiers dans leur forme d&rsquo;origine. Ceci est particuli\u00e8rement utile si vous allez contribuer \u00e0 Core ou travailler sur JavaScript inclus dans Core.<\/li>\n<li><strong>SAVEQUERIES<\/strong>. C&rsquo;est un r\u00e9glage un peu plus avanc\u00e9, \u00e0 mon avis. En bref, il va prendre toutes les requ\u00eates qui s&rsquo;ex\u00e9cutent sur la base de donn\u00e9es et les enregistrer dans un tableau PHP que vous pourrez ensuite analyser. Ce<\/li>\n<\/ul>\n<p>Maintenant que nous avons couvert la configuration de WordPress, qu&rsquo;en est-il des plugins ?<\/p>\n<h3>Plugins pour le d\u00e9bogage<\/h3>\n<p>Quand je dis que le r\u00e9f\u00e9rentiel regorge de plugins pour cela, je le pense. En fait, si vous d\u00e9butez dans le d\u00e9veloppement de WordPress, je vous d\u00e9conseille de chercher des \u00e9l\u00e9ments \u00e0 installer.<\/p>\n<p>Cela peut vite devenir \u00e9crasant, vous risquez de ne pas comprendre ce que font certains d&rsquo;entre eux, et potentiellement de vous conduire sur une voie dans laquelle vous finirez par faire \u00e9chouer votre installation.<\/p>\n<p>Plut\u00f4t que de faire cela, je vous recommande de jeter un \u0153il aux plugins suivants (en lisant d&rsquo;abord leur description, bien s\u00fbr), puis de partir de l\u00e0\u00a0:<\/p>\n<ol>\n<li><strong><a href=\"https:\/\/wordpress.org\/plugins\/debug-bar\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Barre de d\u00e9bogage<\/a><\/strong>. Ce plugin ajoute \u00e0 lui seul un menu \u00e0 la barre d&rsquo;administration qui vous permettra de voir la requ\u00eate, le cache et d&rsquo;autres informations. Cela n\u00e9cessite que WP_DEBUG et SAVEQUERIES, comme indiqu\u00e9 ci-dessus, soient activ\u00e9s.<\/li>\n<li><strong><a href=\"https:\/\/wordpress.org\/plugins\/debug-bar-list-dependencies\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Debug Bar List Script &amp; D\u00e9pendances de style<\/a><\/strong>. Il s&rsquo;agit d&rsquo;un module compl\u00e9mentaire au plugin ci-dessus qui vous permettra de d\u00e9boguer d&rsquo;autres styles JavaScript et CSS qui s&rsquo;ex\u00e9cutent dans le contexte de WordPress.<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/debug-bar-console\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Console de barre de d\u00e9bogage<\/a>. Ce plugin est celui que vous devriez utiliser avec h\u00e9sitation. \u00c0 tout le moins, il vous permet d&rsquo;ex\u00e9cuter PHP et MySQL \u00e0 partir de WordPress lui-m\u00eame. Je ne recommande pas ce plugin \u00e0 moins que vous ne soyez tr\u00e8s \u00e0 l&rsquo;aise avec l&rsquo;une des deux langues. Pourtant, si vous l&rsquo;\u00eates, c&rsquo;est quelque chose qui peut \u00eatre puissant pour prototyper une fonction ou une requ\u00eate avant de l&rsquo;int\u00e9grer \u00e0 votre plugin.<\/li>\n<\/ol>\n<h2>Examen des journaux d&rsquo;erreurs<\/h2>\n<p>Dans le prochain article, nous commencerons \u00e0 examiner ce qui est n\u00e9cessaire pour examiner le journal des erreurs g\u00e9n\u00e9r\u00e9 par WordPress et comment comprendre les informations que nous voyons.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-163128-61e74aee547cd.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-163128-61e74aee547cd.png\" alt=\"Outils de d\u00e9bogage WordPress natifs qui ne n\u00e9cessitent pas d&#039;IDE\"><\/a><\/p>\n<p>De plus, nous allons examiner ce qui est n\u00e9cessaire pour utiliser les plugins d\u00e9crits dans cet article. Apr\u00e8s cela, nous passerons \u00e0 des outils encore plus avanc\u00e9s.<\/p>\n<p>Mais une \u00e9tape \u00e0 la fois, n&rsquo;est-ce pas ?<\/p>\n<p>Pour l&rsquo;instant cependant, configurez votre installation comme indiqu\u00e9 ci-dessus, installez les plugins li\u00e9s, puis faites ce que vous pouvez pour explorer leur fonctionnement, ce que vous pouvez voir \u00e0 l&rsquo;\u00e9cran et comment cela peut avoir un impact positif sur votre d\u00e9veloppement.<\/p>\n<p>Oui, il peut y avoir un peu de courbe d&rsquo;apprentissage. Mais c&rsquo;est pourquoi nous prenons ce lent. Il y a beaucoup \u00e0 apprendre et nous avons tout le temps n\u00e9cessaire pour couvrir tout le terrain n\u00e9cessaire.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/tommcfarlin.com\" class=\"external external_icon\">tommcfarlin.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Avant d&rsquo;examiner les journaux d&rsquo;erreurs, les IDE, Xdebug, etc., nous allons examiner ce que nous pouvons faire avec les outils de d\u00e9bogage natifs de WordPress.<\/p>\n","protected":false},"author":1,"featured_media":163129,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[893,717,862],"tags":[1167],"class_list":["post-230598","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-code-2","category-developpeur","category-wordpress-3","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/230598","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/comments?post=230598"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/230598\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media\/163129"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media?parent=230598"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/categories?post=230598"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/tags?post=230598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}