{"id":45762,"date":"2022-10-13T08:03:08","date_gmt":"2022-10-13T07:03:08","guid":{"rendered":"https:\/\/kinqsta.com\/dk\/?p=45762&#038;preview=true&#038;preview_id=45762"},"modified":"2023-08-24T11:22:29","modified_gmt":"2023-08-24T10:22:29","slug":"xdebug","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/dk\/blog\/xdebug\/","title":{"rendered":"Hvordan Xdebug kan hj\u00e6lpe dig med at blive en bedre WordPress-udvikler"},"content":{"rendered":"<p>Som enhver udvikler kan bekr\u00e6fte, er kode aldrig klar til produktion efter det f\u00f8rste udkast. En vigtig del af udviklingsprocessen er fejlfinding \u2014 at fjerne eller \u00e6ndre de dele af din kode, der ikke virker.<\/p>\n<p>Xdebug-udvidelsen til PHP er en popul\u00e6r m\u00e5de at finde og reparere alle fejl i din kode p\u00e5.<\/p>\n<p>Et af de gode aspekter ved Xdebug er, hvor fleksibelt det er. Uanset hvilket framework eller udviklingsmilj\u00f8 du foretr\u00e6kker, vil du kunne finde en version af Xdebug, der passer ind i din arbejdsgang. Derfra vil det ikke tage lang tid at f\u00e5 styr p\u00e5 v\u00e6rkt\u00f8jet.<\/p>\n<p>Denne vejledning vil se n\u00e6rmere p\u00e5 Xdebug, herunder installationsprocessen, integration af det i din ops\u00e6tning og generel brug.<\/p>\n<p>Lad os f\u00f8rst give dig mere kontekst om, hvad Xdebug er, og hvad det g\u00f8r.<br \/>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc><\/p>\n<h2>Introduktion af Xdebug<\/h2>\n<p><a href=\"https:\/\/xdebug.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Xdebug<\/a> er en af de mest popul\u00e6re udvidelser til at debugge din PHP-kode. Du installerer det fra dit valgte milj\u00f8, og det fungerer som en &#8220;step debugger&#8221;<\/p>\n<figure id=\"attachment_133040\" aria-describedby=\"caption-attachment-133040\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-133040 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/09\/xdebug.png\" alt=\"En gr\u00f8n lag baggrund, der viser Xdebug-logoet, komplet med et gr\u00f8nt 'X'.\" width=\"1000\" height=\"187\"><figcaption id=\"caption-attachment-133040\" class=\"wp-caption-text\">Xdebug-logoet.<\/figcaption><\/figure>\n<p>Kort sagt g\u00f8r det dig i stand til at arbejde p\u00e5 din kode linje for linje, s\u00e5 du kan g\u00e5 igennem og se p\u00e5, hvordan koden virker og interagerer i dit program, samt unders\u00f8ge dets output. Derfra kan du foretage de \u00e6ndringer, som du finder passende.<\/p>\n<p>Xdebug kan dog g\u00f8re meget mere:<\/p>\n<ul>\n<li>Du kan analysere <a href=\"https:\/\/kinqsta.com\/dk\/blog\/application-performance-monitoring\/\" target=\"_blank\" rel=\"noopener noreferrer\">ydeevnen af din kode<\/a> ved hj\u00e6lp af en r\u00e6kke m\u00e5linger og visualiseringer.<\/li>\n<li>N\u00e5r du k\u00f8rer PHP-enhedstests, kan du se, hvilke kodesuiter du k\u00f8rer og udf\u00f8rer.<\/li>\n<li>Xdebug indeholder &#8220;tracing&#8221;-funktioner, som skriver hvert funktionskald til disken. Dette vil omfatte argumenter, variabeltildelinger og returv\u00e6rdier.<\/li>\n<li>Xdebug foretager ogs\u00e5 forbedringer af standard PHP-fejlrapporteringen. Vi vil d\u00e6kke mere om dette senere.<\/li>\n<\/ul>\n<p>I betragtning af funktionerne er der masser af m\u00e5der at bruge Xdebug (og enhver lignende debugger) i din arbejdsgang p\u00e5. Vi vil d\u00e6kke disse i n\u00e6ste afsnit.<\/p>\n\n<h2>Hvorfor du \u00f8nsker at bruge Xdebug<\/h2>\n<p>Mange udviklere vil ikke have en dedikeret debugging-arbejdsgang, der bruger tredjepartsv\u00e6rkt\u00f8jer og udvidelser. Dette skyldes, at PHP indeholder sin egen rudiment\u00e6re fejllogning. Du bruger kommandoer som <code>error_log<\/code>, <code>var_dump<\/code> og print for at se resultaterne af variabler og funktionskald.<\/p>\n<p>Der er f.eks. masser af snippets, som du kan genbruge til WordPress-udvikling \u2014 <a href=\"https:\/\/stackoverflow.com\/questions\/15085482\/wordpress-debugging\">Stack Overflow er fyldt med dem<\/a>:<\/p>\n<pre><code class=\"language-php\">function log_me($message) {\n  if ( WP_DEBUG === true ) {\n      if ( is_array($message) || is_object($message) ) {\n          error_log( print_r($message, true) );\n      } else {\n           error_log( $message );\n      }\n  }\n}<\/code><\/pre>\n<p>Der er dog nogle vigtige ulemper ved denne fremgangsm\u00e5de:<\/p>\n<ul>\n<li>Du skal f\u00f8rst sikre dig, at du aktiverer fejlprotokoller for den platform, du arbejder med. I dette tilf\u00e6lde skal du aktivere <code>WP_DEBUG<\/code> (mere om dette om lidt).<\/li>\n<li>Dette eksempel p\u00e5 &#8220;dump&#8221;-fejlfinding giver mindre mulighed for unders\u00f8gelse end step-fejlfinding. Her kan du kun outputte det, du definerer.<\/li>\n<\/ul>\n<p>Sidstn\u00e6vnte punkt kr\u00e6ver en stor manuel indsats, is\u00e6r hvis du ikke arbejder som <a href=\"https:\/\/kinqsta.com\/dk\/blog\/systemadministrator\/\" target=\"_blank\" rel=\"noopener noreferrer\">systemadministrator<\/a> i dit daglige arbejde. Hvis du f.eks. \u00f8nsker at debugge (fejlfinde) en kodeblok, kan du tilf\u00f8je dit uddrag baseret p\u00e5 en variabel, du definerer. Det er dog ikke n\u00f8dvendigvis kilden til problemet eller indikerer endda, hvad der sker.<\/p>\n<p>I stedet kan et v\u00e6rkt\u00f8j som Xdebug udf\u00f8re sin magi for at give et st\u00f8rre omfang:<\/p>\n<ul>\n<li>Du kan &#8220;bryde&#8221; din kode p\u00e5 forskellige punkter under udf\u00f8relsen for at se, hvad der sker i realtid.<\/li>\n<li>Der findes et utal af m\u00e5linger, visualiseringer, branches og meget mere, der kan hj\u00e6lpe dig med at fastsl\u00e5, hvad din kode g\u00f8r, og hvordan den reagerer.<\/li>\n<li>Nogle gange kan du endda \u00e6ndre v\u00e6rdier i farten under debuggingprocessen. Dette giver en enorm v\u00e6rdi, selv for kodes\u00e6t, der fungerer godt. Du kan i det v\u00e6sentlige udf\u00f8re manuelle enhedstests p\u00e5 et hvilket som helst tidspunkt.<\/li>\n<li>Fordi du bruger breakpoints til at markere omr\u00e5der, der skal debugges, beh\u00f8ver du ikke at arbejde med snippets i din kode. Dette holder din kode renere og reducerer antallet af fremtidige problemer.<\/li>\n<\/ul>\n<p>Alt i alt er det at bruge et v\u00e6rkt\u00f8j som Xdebug en proaktiv beslutning snarere end en reaktiv beslutning. Du kan bruge step debugging som en del af den centrale udviklingsproces, ligesom du kan implementere enhedstests som en del af testdreven udvikling (TDD).<\/p>\n<h2>S\u00e5dan sl\u00e5r du PHP-fejllogning til<\/h2>\n<p>Selvom du kan debugge din kode uden en specifik fejl, er det ofte godt at vide, om et problem opst\u00e5r uden at have Xdebug \u00e5ben. Dette giver dig et <a href=\"https:\/\/kinqsta.com\/blog\/debugging-wordpress-performance\/\" target=\"_blank\" rel=\"noopener noreferrer\">udgangspunkt for udforskning<\/a>. Det er ikke strengt n\u00f8dvendigt, men kan v\u00e6re en nyttig del af din k\u00e6de.<\/p>\n<p>Hvis du vil rapportere hver eneste fejl, der opst\u00e5r, skal du tilf\u00f8je en linje \u00f8verst i den relevante PHP-fil:<\/p>\n<pre><code class=\"language-bash\">error_reporting(E_ALL);<\/code><\/pre>\n<p>Dette er en catch-all kommando, og du kan opn\u00e5 det samme ved at bruge <code><a href=\"https:\/\/www.php.net\/manual\/en\/function.ini-set.php\">ini_set<\/a><\/code> funktion:<\/p>\n<pre><code class=\"language-bash\">ini_set('error_reporting', E_ALL);<\/code><\/pre>\n<p>Dette giver dig mulighed for at \u00e6ndre indstillingerne i din <strong>php.ini<\/strong>-fil p\u00e5 projektbasis. Selvom du kan g\u00e5 ind i denne fil og foretage en manuel \u00e6ndring, er det ofte en bedre id\u00e9 at arbejde med <code>ini_set<\/code> for at \u00e6ndre den specifikke parameter:<\/p>\n<pre><code class=\"language-bash\">ini_set('display_errors', '1');<\/code><\/pre>\n<p>N\u00e5r du har indstillet aktiv fejlrapportering efter din smag, kan du begynde at arbejde med Xdebug.<\/p>\n<h2>S\u00e5dan bruger du Xdebug<\/h2>\n<p>I l\u00f8bet af de n\u00e6ste par afsnit vil vi vise dig, hvordan du bruger Xdebug, herunder de trin, du skal bruge for at s\u00e6tte tingene op. Selv om vi ikke kan d\u00e6kke alle v\u00e6rkt\u00f8jsaspekter, vil denne quick-start-guide f\u00e5 dig hurtigt i gang.<\/p>\n<p>F\u00f8rst skal du dog installere Xdebug. Lad os finde ud af, hvordan du g\u00f8r det.<\/p>\n<h3>1. Installer Xdebug til dit styresystem (OS)<\/h3>\n<p>Fordi Xdebug kan tilpasses til et vilk\u00e5rligt antal ops\u00e6tninger, vil den <a href=\"https:\/\/xdebug.org\/docs\/install\">n\u00f8jagtige proces<\/a> for hver enkelt v\u00e6re lidt anderledes. P\u00e5 OS-niveau er der et par forskelle:<\/p>\n<ul>\n<li><strong>Windows:<\/strong> Dette er en noget kompliceret ops\u00e6tningsproces, der involverer brug af en eksisterende PHP-fil og en <a href=\"https:\/\/xdebug.org\/wizard\">installationsguide<\/a>, hvorefter du henter den rigtige version til dit system.<\/li>\n<li><strong>Linux:<\/strong> Metoden her er nok den mest ligetil: Du kan bruge en <a href=\"https:\/\/xdebug.org\/docs\/install#linux\">pakkeh\u00e5ndtering<\/a> til at installere Xdebug eller <a href=\"https:\/\/xdebug.org\/docs\/install#pecl\">PHP Extension Community Library (PECL)<\/a>.<\/li>\n<li><strong>Mac:<\/strong> Denne metode er ogs\u00e5 enkel: N\u00e5r du har installeret PECL, kan du k\u00f8re <code>pecl install xdebug<\/code> fra en Terminal-instans. Du skal ogs\u00e5 have XCode-kommandolinjev\u00e6rkt\u00f8jer og PHP installeret p\u00e5 dit system.<\/li>\n<\/ul>\n<p>De fleste brugere vil dog ikke \u00f8nske at holde sig til en instans af Xdebug p\u00e5 systemniveau. I stedet vil du \u00f8nske at integrere det i dit eget udviklingsmilj\u00f8.<\/p>\n<h3>2. Integrer Xdebug i dit udviklingsmilj\u00f8<\/h3>\n<p>N\u00e5r du har installeret Xdebug til dit operativsystem, skal du forbinde det til dit milj\u00f8.<\/p>\n<p>Der er s\u00e5 mange underst\u00f8ttede systemer og v\u00e6rkt\u00f8jer her, at vi ikke kan komme ind p\u00e5 dem alle. Senere vil vi tilbyde dig instruktioner for b\u00e5de <a href=\"https:\/\/kinqsta.com\/dk\/devkinsta\/\" target=\"_blank\" rel=\"noopener noreferrer\">DevKinsta<\/a> og <a href=\"https:\/\/www.jetbrains.com\/phpstorm\/\" target=\"_blank\" rel=\"noopener noreferrer\">PhpStorm<\/a>. Alligevel er der masser af andre popul\u00e6re milj\u00f8er at v\u00e6lge imellem. Nedenfor er nogle af vores bedste anbefalinger.<\/p>\n<h4>Variing Vagrant Vagrants (VVV)<\/h4>\n<p><a href=\"https:\/\/varyingvagrantvagrants.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">VVV<\/a> er et af de navngivne milj\u00f8er p\u00e5 <a href=\"https:\/\/make.wordpress.org\/core\/handbook\/tutorials\/installing-a-local-server\/installing-vvv\/\" target=\"_blank\" rel=\"noopener noreferrer\">Make WordPress-webstedet<\/a>:<\/p>\n<figure id=\"attachment_133039\" aria-describedby=\"caption-attachment-133039\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-133039 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/09\/vvv-logo.png\" alt=\"En bl\u00e5 baggrund indeholdende 8-bit ASCII-kunst af Varying Vagrant Vagrants-logoet (\" width=\"1000\" height=\"349\"><figcaption id=\"caption-attachment-133039\" class=\"wp-caption-text\">Varying Vagrant Vagrants-logoet.<\/figcaption><\/figure>\n<p>Den gode nyhed er, at VVVV allerede indeholder en <a href=\"https:\/\/varyingvagrantvagrants.org\/docs\/en-US\/references\/xdebug\/\" target=\"_blank\" rel=\"noopener noreferrer\">version af Xdebug<\/a>, men du skal aktivere den. Du kan g\u00f8re dette ved hj\u00e6lp af Secure Shell (SSH) i et Terminal-vindue:<\/p>\n<pre><code class=\"language-bash\">vagrant ssh -c \"switch_php_debugmod xdebug\"<\/code><\/pre>\n<p>Der er dog en lille smule af et ydelseshit, og du skal sl\u00e5 denne mulighed til igen, hvis du provisionerer dine websteder.<\/p>\n<h4>Laravel Valet<\/h4>\n<p>For nogle brugere repr\u00e6senterer <a href=\"https:\/\/laravel.com\/docs\/9.x\/valet\">Laravels Valet<\/a> et n\u00e6sten perfekt webudviklingsmilj\u00f8. Endnu bedre er det, at du kan integrere Xdebug med det.<\/p>\n<p>For at g\u00f8re dette skal du oprette en konfigurationsfil til debuggeren. Du kan finde din egen sti ved hj\u00e6lp af <code>php --ini<\/code> p\u00e5 kommandolinjen, som vil returnere et par forskellige filstier:<\/p>\n<figure id=\"attachment_133036\" aria-describedby=\"caption-attachment-133036\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-133036 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/09\/terminal-php-ini.png\" alt=\"Et terminalvindue, der viser en liste over stier til .ini PHP-konfigurationsfiler og en tom kommandopromptmark\u00f8r.\" width=\"1000\" height=\"444\"><figcaption id=\"caption-attachment-133036\" class=\"wp-caption-text\">Terminalen viser en liste over stier til konfigurationsfiler.<\/figcaption><\/figure>\n<p>Derefter skal du oprette en ny <strong>xdebug.ini<\/strong>-fil p\u00e5 stien til yderligere <strong>.ini<\/strong>-filer. I vores eksempel ligger den p\u00e5 <strong>\/opt\/homebrew\/etc\/php\/7.4\/conf.d<\/strong>.<\/p>\n<p>N\u00e5r du \u00e5bner denne nye fil, skal du ogs\u00e5 \u00e5bne stien til den indl\u00e6ste konfigurationsfil (din prim\u00e6re <strong>php.ini<\/strong>-fil). N\u00e5r begge er \u00e5bne, skal du tilf\u00f8je f\u00f8lgende nederst i bunden:<\/p>\n<ul>\n<li><strong>php.ini:<\/strong> <code>zend_extension=\"xdebug.so\"<\/code><\/li>\n<li><strong>xdebug.ini:<\/strong> <code>xdebug.mode=debug<\/code><\/li>\n<\/ul>\n<p>N\u00e5r du har gemt dine \u00e6ndringer, skal du k\u00f8re <code>valet restart<\/code> fra terminalen og derefter tilf\u00f8je <code>phpinfo(); exit;<\/code> til en af dit websteds filer. Du skal kontrollere, om dette virker gennem et hurtigt sideindl\u00e6sning i browseren.<\/p>\n<figure id=\"attachment_133031\" aria-describedby=\"caption-attachment-133031\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-133031 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/09\/php-info-page.png\" alt=\"En PHP-informationsfil i browseren, der viser Xdebug-logoet\" width=\"1000\" height=\"498\"><figcaption id=\"caption-attachment-133031\" class=\"wp-caption-text\">Sk\u00e6rmen med PHP-informationer.<\/figcaption><\/figure>\n<p>Bem\u00e6rk, at det kan v\u00e6re n\u00f8dvendigt at genstarte PHP ved hj\u00e6lp af <code>sudo brew services restart php<\/code> samt at kontrollere, at din systeminstallation af Xdebug er korrekt ved hj\u00e6lp af <code>php --info | grep xdebug<\/code>. Du vil bem\u00e6rke de Xdebug-specifikke linjer i output:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-133027 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/09\/grep-xdebug-mode.png\" alt=\"Et terminalvindue, der viser en r\u00e6kke forskellige Xdebug-konfigurationsindstillinger (s\u00e5som outputnavne og visningsvariabler). Prompten viser\" width=\"1000\" height=\"436\"><\/p>\n<p>Herfra kan du se p\u00e5 at indarbejde Xdebug i din foretrukne kodningseditor.<\/p>\n<h4>XAMPP<\/h4>\n<p>Ligesom Valet er der et par dele i processen for <a href=\"https:\/\/www.apachefriends.org\/download.html\">XAMPP<\/a>. Windows- og macOS-versionerne har dog to forskellige processer.<\/p>\n<p>Begynd med at installere XAMPP, og k\u00f8r derefter en hurtig kontrol for at se, om filen <strong>php_xdebug.dll<\/strong> (Windows) eller <strong>xdebug.so<\/strong> (macOS) findes p\u00e5 dit system:<\/p>\n<figure id=\"attachment_133038\" aria-describedby=\"caption-attachment-133038\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-133038 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/09\/test-xampp-file-terminal.png\" alt=\"Et terminalvindue, der viser et uddrag for at teste, om der eksisterer et stykke tid. Hvis den g\u00f8r det, udsender terminalen\" width=\"1000\" height=\"353\"><figcaption id=\"caption-attachment-133038\" class=\"wp-caption-text\">Et terminalvindue, der viser en test for en XAMPP-fil.<\/figcaption><\/figure>\n<p>Hvis filen findes, kan du g\u00e5 videre til konfigurationen. Ellers skal du f\u00f8rst <a href=\"https:\/\/xdebug.org\/download\">downloade enten den rigtige bin\u00e6re<\/a> fil til Windows \u2014 en 64-bit fil til din foretrukne PHP-version \u2014 eller installere nogle flere afh\u00e6ngigheder, hvis du er p\u00e5 en Mac.<\/p>\n<p>For Windows skal du omd\u00f8be DLL-filen <strong>php_xdebug.dll<\/strong> og derefter flytte den til <strong>\\xampp\\php\\ext<\/strong>-filstien. \u00c5bn derefter filen <strong>\\xampp\\php\\php.ini<\/strong> i din <a href=\"https:\/\/kinqsta.com\/dk\/blog\/bedste-teksteditorer\/\" target=\"_blank\" rel=\"noopener noreferrer\">foretrukne kodeeditor<\/a>, og tilf\u00f8j f\u00f8lgende:<\/p>\n<pre><code class=\"language-bash\">output_buffering = Off<\/code><\/pre>\n<p>I afsnittet <code>[XDebug]<\/code> skal du tilf\u00f8je de n\u00e6ste tre linjer:<\/p>\n<pre><code class=\"language-bash\">zend_extension=xdebug\nxdebug.mode=debug\nxdebug.start_with_request=trigger<\/code><\/pre>\n<p>N\u00e5r du har gemt dine \u00e6ndringer, genstarter du Apache og tester for Xdebug.<\/p>\n<p><a href=\"https:\/\/stevegeorge.net\/2022\/02\/11\/installing-xdebug-for-xampp-on-mac\/\" target=\"_blank\" rel=\"noopener noreferrer\">P\u00e5 Mac<\/a> skal du sikre dig, at du installerer <a href=\"https:\/\/developer.apple.com\/xcode\/\" target=\"_blank\" rel=\"noopener noreferrer\">Xcode<\/a>-kommandolinjev\u00e6rkt\u00f8jerne ved hj\u00e6lp af <code class=\"language-bash\">xcode-select --install<\/code> p\u00e5 en Terminal-instans. Derefter er der tre pakker, som du skal installere ved hj\u00e6lp af Homebrew:<\/p>\n<pre><code class=\"language-bash\">brew install autoconf automake libtool<\/code><\/pre>\n<p>I nogle tilf\u00e6lde skal du ogs\u00e5 geninstallere XAMPP for at f\u00e5 b\u00e5de kerneprogrammet og &#8220;Developer Files&#8221; Du burde kunne geninstallere kun disse filer, men du b\u00f8r f\u00f8rst tage en backup af din eksisterende ops\u00e6tning.<\/p>\n<p>Derefter skal du navigere til downloadet for Xdebug-kildemappen p\u00e5 dit system og udpakke TGZ-filen. I et Terminal-vindue skal du navigere til denne mappe og k\u00f8re f\u00f8lgende:<\/p>\n<pre><code class=\"language-bash\">phpize\npecl install xdebug<\/code><\/pre>\n<p>Bem\u00e6rk, at du muligvis ogs\u00e5 skal bruge <code>sudo<\/code> her. Herfra kan du redigere XAMPP php.ini-filen. For de fleste macOS-installationer finder du den p\u00e5 <strong>\/Applications\/XAMPP\/xamppfiles\/etc\/php.ini<\/strong>. I denne mappe finder du ogs\u00e5 stien til din <strong>xdebug.so<\/strong>-fil \u2014 noter den og brug den i stedet for filstiens placeholder i dette uddrag:<\/p>\n<pre><code class=\"language-bash\">[xdebug]\nzend_extension=\/path\/to\/xdebug.so\nxdebug.mode=develop,degug\nxdebug.start_with_request=yes<\/code><\/pre>\n<p>For at teste, om dette virker, opretter du en ny <strong>xdebug_info.php<\/strong>-fil i hovedmappen <strong>htdocs<\/strong> XAMPP-mappen. Heri skal du tilf\u00f8je f\u00f8lgende:<\/p>\n<pre><code class=\"language-bash\">&lt;?php\nxdebug_info();<\/code><\/pre>\n<p>&#8230;opdater derefter Apache og test Xdebug i browseren.<\/p>\n<h2>Brug af PhpStorm med Xdebug<\/h2>\n<p>N\u00e5r du har installeret Xdebug via OS og dit udviklingsmilj\u00f8, skal du ogs\u00e5 se selve debuggeren. Det g\u00f8r du via din valgte kodeeditor eller dit <a href=\"https:\/\/kinqsta.com\/dk\/blog\/php-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">integrerede udviklingsmilj\u00f8 (IDE)<\/a>. Ligesom med dit milj\u00f8 er der s\u00e5 mange at v\u00e6lge imellem, og hvert af dem kan have en anden tilgang.<\/p>\n<p>N\u00e5r det er sagt, v\u00e6lger mange udviklere at bruge <a href=\"https:\/\/www.jetbrains.com\/phpstorm\/\" target=\"_blank\" rel=\"noopener noreferrer\">JetBrains&#8217; PhpStorm<\/a>. Faktisk tilbyder PhpStorm <a href=\"https:\/\/www.jetbrains.com\/help\/phpstorm\/preparing-to-use-wordpress.html\">&#8220;WordPress-aware assistance&#8221;<\/a> \u2014 og det er ogs\u00e5 et popul\u00e6rt valg af mange andre grunde.<\/p>\n<figure id=\"attachment_133032\" aria-describedby=\"caption-attachment-133032\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-133032 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/09\/php-storm.png\" alt=\"PhpStorm-gr\u00e6nsefladen med en tr\u00e6mappe til projektet til venstre, der bruger hvid, bl\u00e5 og gul tekst. Den h\u00f8jre side indeholder PHP-kode til et WordPress-plugin, der bruger orange, lilla, gr\u00f8n og hvid tekst.\" width=\"1000\" height=\"625\"><figcaption id=\"caption-attachment-133032\" class=\"wp-caption-text\">PhpStorm-gr\u00e6nsefladen.<\/figcaption><\/figure>\n<p><a href=\"https:\/\/www.jetbrains.com\/help\/phpstorm\/configuring-xdebug.html\">JetBrains&#8217; websted<\/a> indeholder en komplet vejledning i at forbinde Xdebug og PhpStorm, men vi gennemg\u00e5r dem her.<\/p>\n<p>F\u00f8rst skal du navigere til siden <strong>Languages &#038; Frameworks &gt; PHP<\/strong> i ruden <strong>Preferences (Indstillinger)<\/strong>. Her skal du \u00e5bne kebab-menuen <strong>More Items (Flere elementer)<\/strong> ved siden af dropdown-feltet <strong>CLI Interpreter (CLI-fortolker)<\/strong>:<\/p>\n<figure id=\"attachment_133021\" aria-describedby=\"caption-attachment-133021\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-133021 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/09\/cli-interpreter.png\" alt=\"En delvis PhpStorm-pr\u00e6ferencesk\u00e6rm, der viser sidelinket (\" width=\"1000\" height=\"330\"><figcaption id=\"caption-attachment-133021\" class=\"wp-caption-text\">Valg af CLI-fortolker i PhpStorm.<\/figcaption><\/figure>\n<p>Dette vil vise nogle yderligere detaljer om din PHP-version og fortolker. Hvis du klikker p\u00e5 ellipsen <strong>Flere elementer<\/strong> ved siden af indstillingen <strong>Konfigurationsfil<\/strong>, vil du se de fulde stier til din <strong>php.ini<\/strong>-fil:<\/p>\n<figure id=\"attachment_133022\" aria-describedby=\"caption-attachment-133022\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-133022 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/09\/configuration-file.png\" alt=\"En delvis PhpStorm More Items-sk\u00e6rm, der viser navnet p\u00e5 konfigurationen, en sti til den eksekverbare PHP-fil, de aktuelle PHP- og debugger-versionsnumre og en liste over konfigurationsfiler for forskellige aspekter af PHP-installationen.\" width=\"1000\" height=\"271\"><figcaption id=\"caption-attachment-133022\" class=\"wp-caption-text\">\u00c6ndring af PHP-konfigurationen i PhpStorm.<\/figcaption><\/figure>\n<p>Du skal arbejde med denne PHP-fil n\u00e6ste gang for at forts\u00e6tte ops\u00e6tningsprocessen.<\/p>\n<h4>Arbejde i filen php.ini<\/h4>\n<p>Den f\u00f8rste opgave her er at redigere alle linjer, der har indflydelse p\u00e5, hvordan Xdebug vil fungere med PhpStorm.<\/p>\n<p>I <strong>php.ini<\/strong>-filen skal du kigge efter f\u00f8lgende linjer og enten fjerne dem eller kommentere dem ud:<\/p>\n<pre><code class=\"language-bash\">zend_extension=&lt;path_to_zend_debugger&gt;\nzend_extension=&lt;path_to_zend_optimizer&gt;<\/code><\/pre>\n<p>Disse linjer vil ikke v\u00e6re til stede i alle tilf\u00e6lde, s\u00e5 v\u00e6r ikke bekymret, hvis du ikke ser dem.<\/p>\n<p>Derefter skal du tilf\u00f8je f\u00f8lgende til filen:<\/p>\n<pre><code class=\"language-bash\">[xdebug]\nzend_extension=\"xdebug.so\"\nxdebug.mode=debug\nxdebug.client_host=127.0.0.1\nxdebug.client_port=\"&lt;the port (9003 by default) to which Xdebug connects&gt;\"<\/code><\/pre>\n<p>Der er et par ting, der skal bem\u00e6rkes om denne kodesuite:<\/p>\n<ul>\n<li>Du har m\u00e5ske allerede en <code>[xdebug]<\/code> sektion, i s\u00e5 fald kan du udelade den f\u00f8rste betegnelse.<\/li>\n<li>Under <code>zend_extension<\/code> skal du muligvis tilf\u00f8je den fulde sti til <strong>xdebug.so<\/strong> for at oprette forbindelse.<\/li>\n<li>Selv om det kan ligne en placeholder, er det parameteren <code>xdebug.client_port<\/code>, som du indstiller den i din kode.<\/li>\n<\/ul>\n<p>N\u00e5r du har tilf\u00f8jet disse, skal du gemme og lukke filen og derefter teste PHP-versionen fra kommandolinjen (ved hj\u00e6lp af <code>php --version<\/code>):<\/p>\n<figure id=\"attachment_133037\" aria-describedby=\"caption-attachment-133037\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-133037 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/09\/terminal-xdebug-php-version.png\" alt=\"Big Sur bl\u00e5, r\u00f8d og lilla gradient skrivebordsbaggrund, der viser et macOS Terminal-vindue. Den viser kommandoen \"php -version\" sammen med PHP-versionsnummeret, en copyright-meddelelse og installerede versioner (komplet med versionsnumre) til Zend Engine, Xdebug og Zend OPcache.\" width=\"1000\" height=\"416\"><figcaption id=\"caption-attachment-133037\" class=\"wp-caption-text\">Test af de aktuelle installationer for PHP og Xdebug ved hj\u00e6lp af macOS-terminalen.<\/figcaption><\/figure>\n<p>Hvis du har en fungerende version af Xdebug, vil den blive vist som en af PHP-udvidelserne. Du kan ogs\u00e5 tilf\u00f8je <code>phpinfo();<\/code> til en ny fil og teste dette i browseren.<\/p>\n<p>Dette er stort set alt, hvad du beh\u00f8ver at g\u00f8re for at f\u00e5 Xdebug til at fungere som din standarddebugger med PhpStorm. Det sidste skridt, f\u00f8r du bruger det, er at installere en browser-hj\u00e6lperudvidelse.<\/p>\n<h4>Installation af en browserhj\u00e6lperudvidelse<\/h4>\n<p>Den sidste vigtige forbindelse, du skal lave, er mellem din browser og PhpStorm, hvilket opn\u00e5s ved at aktivere step debugging p\u00e5 serveren. Selv om du kan g\u00f8re dette <a href=\"http:\/\/xdebug.org\/docs\/step_debug#starting\">fra kommandolinjen<\/a> ved hj\u00e6lp af s\u00e6rlige <code>GET<\/code> eller <code>POST<\/code> v\u00e6rdier, er det mere ligetil at bruge en udvidelse.<\/p>\n<p>Vi anbefaler at bruge den dedikerede Xdebug Helper-udvidelse. Du kan installere den i din foretrukne browser:<\/p>\n<ul>\n<li><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/xdebug-helper\/eadndfjplgieldjbigjakmdgkmoaaaoc\">Xdebug-helper til Chrome\/Chromium\/Brave<\/a><\/li>\n<li><a href=\"https:\/\/addons.mozilla.org\/en-GB\/firefox\/addon\/xdebug-helper-for-firefox\/\" target=\"_blank\" rel=\"noopener noreferrer\">Xdebug-helper til Firefox<\/a><\/li>\n<\/ul>\n<p>Hvis du \u00f8nsker at udforske andre udvidelser, tilbyder <a href=\"https:\/\/www.jetbrains.com\/help\/phpstorm\/browser-debugging-extensions.html\">JetBrains-webstedet<\/a> et par ekstra muligheder for de mest popul\u00e6re browsere.<\/p>\n<p>N\u00e5r du har installeret den valgte browserudvidelse, skal du ikke justere yderligere konfigurationsindstillinger. Herfra kan du begynde at bruge Xdebug med PhpStorm.<\/p>\n<h3>Brug af Xdebug<\/h3>\n<p>Selvom vi bruger PhpStorm her, vil du se et lignende layout og interface mellem forskellige IDE&#8217;er \u2014 selvom der ogs\u00e5 vil v\u00e6re nogle \u00e5benlyse forskelle.<\/p>\n<p>Der er nogle f\u00e5 koncepter, der tilsammen udg\u00f8r hele debugging-oplevelsen:<\/p>\n<ul>\n<li><strong>Breakpoints:<\/strong> Dette er de punkter, hvor Xdebug stopper for at lade dig inspicere output. Du kan indstille s\u00e5 mange af disse, som du \u00f8nsker.<\/li>\n<li><strong>Lytte efter forbindelser:<\/strong> Du kan sl\u00e5 dette til og fra, selvom de fleste udviklere altid vil lade det v\u00e6re sl\u00e5et til.<\/li>\n<li><strong>Debugging-sk\u00e6rmen:<\/strong> Det er her, du arbejder med de forskellige kodelinjer, variabler og parametre.<\/li>\n<\/ul>\n<p>Det f\u00f8rste skridt er at aktivere lytning \u2014 du vil ikke kunne debugge noget uden det. For at g\u00f8re dette skal du klikke p\u00e5 <strong>Run &gt; Start Listening for PHP Debug Connections (K\u00f8r &gt; Start lytte efter PHP Debug-forbindelser)<\/strong> i v\u00e6rkt\u00f8jslinjen:<\/p>\n<figure id=\"attachment_133034\" aria-describedby=\"caption-attachment-133034\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-133034 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/09\/phpstorm-run-menu.png\" alt=\"En delvis PhpStorm-gr\u00e6nsefladesk\u00e6rm, der viser en treemap til venstre og applikationsv\u00e6rkt\u00f8jslinjen. Menuen K\u00f8r er \u00e5ben, og den\" width=\"1000\" height=\"479\"><figcaption id=\"caption-attachment-133034\" class=\"wp-caption-text\">Den \u00e5bne Run-menu i PhpStorm.<\/figcaption><\/figure>\n<p>Som et alternativ kan du klikke p\u00e5 ikonet &#8220;telefon&#8221; i PhpStorm&#8217;s v\u00e6rkt\u00f8jslinje:<\/p>\n<figure id=\"attachment_133033\" aria-describedby=\"caption-attachment-133033\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-133033 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/09\/phpstorm-bug-toolbar.png\" alt=\"Et n\u00e6rbillede af PhpStorm-v\u00e6rkt\u00f8jslinjen, som viser muligheder for den aktuelle k\u00f8rselskonfiguration, forskellige Git-indstillinger og telefonikonet Start med at lytte til PHP Debug Connections (komplet med v\u00e6rkt\u00f8jstip).\" width=\"1000\" height=\"322\"><figcaption id=\"caption-attachment-133033\" class=\"wp-caption-text\">Lytte efter PHP debug-forbindelser ved hj\u00e6lp af telefonikonet i PhpStorm-v\u00e6rkt\u00f8jslinjen.<\/figcaption><\/figure>\n<p>En af disse muligheder vil starte lytningen efter forbindelser.<\/p>\n<p>Herfra kan du begynde at indstille breakpoints i kodeeditorens riste. En r\u00f8d prik angiver et breakpoint, som du kan klikke p\u00e5 for at aktivere:<\/p>\n<figure id=\"attachment_133020\" aria-describedby=\"caption-attachment-133020\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-133020 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/09\/add-breakpoints.png\" alt=\"Et n\u00e6rbillede af PhpStorm-gr\u00e6nsefladen, der viser en tr\u00e6mappe til venstre og kodningspanelet til h\u00f8jre. Inden for redakt\u00f8rens gutter er der r\u00f8de prikker med hvide flueben p\u00e5 linje 45, 50 og 55. Disse er brudpunkter til fejlretning.\" width=\"1000\" height=\"661\"><figcaption id=\"caption-attachment-133020\" class=\"wp-caption-text\">Breakpoints i gutter p\u00e5 en PhpStorm-redigeringsside.<\/figcaption><\/figure>\n<p>N\u00e5r du \u00f8nsker at debugge din kode, er den mest ligetil m\u00e5de at begynde at lytte, s\u00e6tte breakpoints og derefter g\u00e5 til den specifikke side i din browser. Find ikonet for din udvidelse i browseren, klik derefter p\u00e5 det og v\u00e6lg &#8220;Debug&#8221;-indstillingen:<\/p>\n<figure id=\"attachment_133035\" aria-describedby=\"caption-attachment-133035\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-133035 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/09\/select-debug-browser.png\" alt=\"Mozilla Firefox-browseren, der viser den gr\u00f8nne baggrund (og\" width=\"1000\" height=\"317\"><figcaption id=\"caption-attachment-133035\" class=\"wp-caption-text\">Valg af Debug-indstillingen i browserens v\u00e6rkt\u00f8jslinje ved hj\u00e6lp af en dedikeret udvidelse.<\/figcaption><\/figure>\n<p>Dette vil \u00e5bne debuggeren i PhpStorm og levere enten de gode eller d\u00e5rlige nyheder:<\/p>\n<figure id=\"attachment_133024\" aria-describedby=\"caption-attachment-133024\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-133024 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/09\/debugger-output.png\" alt=\"En delvis PhpStorm-sk\u00e6rm, der viser et \u00e5bent debugger-panel. Til venstre vises forskellige brudpunkter, komplet med filnavne, linjenumre og funktionsreferencer. Til h\u00f8jre vises v\u00e6rdierne af variablerne i hele koden sammen med v\u00e6rdityperne.\" width=\"1000\" height=\"509\"><figcaption id=\"caption-attachment-133024\" class=\"wp-caption-text\">Brug af PhpStorm debuggeren med Xdebug.<\/figcaption><\/figure>\n<p>Hvis du h\u00f8jreklikker p\u00e5 de forskellige v\u00e6rdier, attributter, parametre og variabler, kan du f\u00e5 adgang til en yderligere kontekstmenu. Dette giver dig masser af ekstra muligheder for at teste og debugge din kode:<\/p>\n<figure id=\"attachment_133023\" aria-describedby=\"caption-attachment-133023\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-133023 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/09\/context-menu-debugger.png\" alt=\"En del af PhpStorm Debugger-gr\u00e6nsefladen med en liste over brudpunkter, filnavne, linjenumre og funktionsreferencer til venstre. Til h\u00f8jre vises en fremh\u00e6vet v\u00e6rdi i koden med en \u00e5ben kontekstmenu. Blandt mulighederne er \"Set v\u00e6rdi...\" - m\u00e5den at tildele nye v\u00e6rdier til variabler og fejls\u00f8ge koden.\" width=\"1000\" height=\"585\"><figcaption id=\"caption-attachment-133023\" class=\"wp-caption-text\">Brug h\u00f8jreklik-kontekstmenuen i PhpStorm Debugger til at indstille nye v\u00e6rdier.<\/figcaption><\/figure>\n<p>Du kan f.eks. indstille forskellige v\u00e6rdier for variabler langs stien. Dette kan v\u00e6re et bevidst fors\u00f8g p\u00e5 at bryde din kode og se, hvad der sker, eller det kan v\u00e6re en m\u00e5de at afpr\u00f8ve kode, der allerede har brug for en rettelse. Uanset hvad, giver det dig en fantastisk metode til at fejlfinde din kode uden at skulle \u00e6ndre den f\u00f8rst.<\/p>\n<h2>Hvordan Kinsta hj\u00e6lper dig med at fejlfinde dit WordPress-websted<\/h2>\n<p>WordPress kommer med sit eget <a href=\"https:\/\/kinqsta.com\/docs\/wordpress-hosting\/wordpress-troubleshooting\/wordpress-debugging\/\" target=\"_blank\" rel=\"noopener noreferrer\">s\u00e6t af debugging-muligheder<\/a> gennem <code>WP_DEBUG<\/code> og andre v\u00e6rkt\u00f8jer, <a href=\"https:\/\/kinqsta.com\/blog\/query-monitor\/\" target=\"_blank\" rel=\"noopener noreferrer\">s\u00e5som Query Monitor<\/a>. Disse aktiverer en tilstand, hvor du begynder at se tidligere skjulte fejlmeddelelser overalt p\u00e5 dit websted og dashboard. Derfra kan du begynde at finde ud af, hvad problemet er.<\/p>\n<p>Du kan ogs\u00e5 gemme disse fejlmeddelelser ved hj\u00e6lp af <code>WP_DEBUG_LOG<\/code>, hvilket giver dig en m\u00e5de at dokumentere problemerne med dit websted p\u00e5. Vi d\u00e6kker, hvordan du s\u00e6tter dette op i en <a href=\"https:\/\/kinqsta.com\/dk\/blog\/wordpress-fejlretning\/\" target=\"_blank\" rel=\"noopener noreferrer\">anden artikel p\u00e5 bloggen<\/a>. Det er nemt at ops\u00e6tte via dit <a href=\"https:\/\/my.kinqsta.com\/?lang=da\" target=\"_blank\" rel=\"noopener noreferrer\">MyKinsta-dashboard<\/a> (og sk\u00e6rmen <strong>Sites &gt; Tools<\/strong>):<\/p>\n<figure id=\"attachment_133029\" aria-describedby=\"caption-attachment-133029\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-133029 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/09\/kinsta-dashboard-debug.png\" alt=\"MyKinsta-dashboardet, der viser den venstre lilla sidebj\u00e6lke og en yderligere gr\u00e5 undermenu. Der er to muligheder for at skifte her - et s\u00f8ge- og erstat-v\u00e6rkt\u00f8j til h\u00f8jre og WordPress-fejlretningsv\u00e6rkt\u00f8jet til venstre.\" width=\"1000\" height=\"220\"><figcaption id=\"caption-attachment-133029\" class=\"wp-caption-text\">Den WordPress debugging indstilling i MyKinsta dashboardet.<\/figcaption><\/figure>\n<p>Hvis du parrer dette med det <a href=\"https:\/\/kinqsta.com\/dk\/devkinsta\/funktioner\/\" target=\"_blank\" rel=\"noopener noreferrer\">gratis DevKinsta-v\u00e6rkt\u00f8j til lokale milj\u00f8er<\/a>, har du ogs\u00e5 en m\u00e5de at <a href=\"https:\/\/kinqsta.com\/docs\/devkinsta\/logging\/\" target=\"_blank\" rel=\"noopener noreferrer\">aktivere og deaktivere<\/a> <code>WP_DEBUG<\/code> med et enkelt klik for hvert websted, du s\u00e6tter op:<\/p>\n<figure id=\"attachment_133025\" aria-describedby=\"caption-attachment-133025\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-133025 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/09\/devkinsta-debug.png\" alt=\"DevKinsta-dashboardet til et enkelt websted. Det viser databaseindstillingerne, inklusive v\u00e6rt, port, navn og brugerlegitimationsoplysninger. Der er ogs\u00e5 en\" width=\"1000\" height=\"513\"><figcaption id=\"caption-attachment-133025\" class=\"wp-caption-text\">Aktivering af WP_DEBUG i DevKinsta&#8217;s kontrolpanel.<\/figcaption><\/figure>\n<p>Dette betyder, at du kan fange fejl p\u00e5 dit websted under udviklingen og sikre, at de ikke n\u00e5r frem til dit live-websted. Disse tilstande er ogs\u00e5 nemme at sl\u00e5 fra \u2014 hvilket er afg\u00f8rende for b\u00e5de <a href=\"https:\/\/kinqsta.com\/dk\/blog\/wordpress-sikkerhedsplugins\/\" target=\"_blank\" rel=\"noopener noreferrer\">webstedets og brugernes sikkerhed<\/a>.<\/p>\n<p>Alle Kinsta-planer leveres ogs\u00e5 med det indbyggede <a href=\"https:\/\/kinqsta.com\/dk\/apm-tool\/\">Kinsta APM-v\u00e6rkt\u00f8j<\/a>, som er vores specialudviklede v\u00e6rkt\u00f8j til overv\u00e5gning af ydeevne til WordPress-websteder.<\/p>\n<p><kinsta-video src=\"https:\/\/kinsta.wistia.com\/medias\/7aq1dfoysx\"><\/kinsta-video><\/p>\n<h2>Kommando Cheat Sheet<\/h2>\n<p>F\u00f8r vi afslutter dette indl\u00e6g, b\u00f8r vi n\u00e6vne genveje.<\/p>\n<p>Ligesom mange andre programmer er der forskellige m\u00e5der at navigere rundt i Xdebug (og PhpStorm) alene ved hj\u00e6lp af tastaturet. Faktisk kan du endda bruge kommandolinjen til at debugge PHP-scripts.<\/p>\n<p>N\u00e5r Xdebug er oppe og k\u00f8re, kan du bruge f\u00f8lgende kommandoer til at komme rundt:<\/p>\n<div class=\"responsive-table\">\n<table>\n<thead>\n<tr>\n<th>Kommando<\/th>\n<th>Genvej<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Specifik port, der skal lyttes p\u00e5 (f.eks. <code>[9003]<\/code>)<\/td>\n<td><code>-p [value]<\/code><\/td>\n<\/tr>\n<tr>\n<td>S\u00e6tter et breakpoint p\u00e5 den angivne linje for den angivne filsti.<\/td>\n<td><code>breakpoint_set -t line file:\/\/\/&lt;path&gt; -n &lt;line&gt;<\/code><\/td>\n<\/tr>\n<tr>\n<td>K\u00f8rer dit script indtil slutningen, eller det n\u00e6ste breakpoint<\/td>\n<td><code>run<\/code><\/td>\n<\/tr>\n<tr>\n<td>G\u00e5r ind i den n\u00e6ste eksekverbare linje<\/td>\n<td><code>step_into<\/code><\/td>\n<\/tr>\n<tr>\n<td>Lister variabler og v\u00e6rdier i det aktuelle omr\u00e5de<\/td>\n<td><code>context_get<\/code><\/td>\n<\/tr>\n<tr>\n<td>Viser v\u00e6rdien af den angivne egenskab<\/td>\n<td><code>property_get -n &lt;property&gt;<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>Mens din specifikke kodeeditor vil have sine egne dedikerede genveje, er fokus her p\u00e5 PhpStorm. Tag et kig p\u00e5 denne tabel med <a href=\"https:\/\/www.jetbrains.com\/help\/phpstorm\/mastering-keyboard-shortcuts.html#learn-shortcuts\">tastaturgenveje<\/a> til brug af Xdebug med PhpStorm:<\/p>\n<div class=\"responsive-table\">\n<table>\n<thead>\n<tr>\n<th>Kommando<\/th>\n<th>Windows<\/th>\n<th>macOS<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Find handling<\/td>\n<td><strong>Ctrl<\/strong> + <strong>Shift<\/strong> + <strong>A<\/strong><\/td>\n<td><strong>Skift<\/strong> + <strong>Cmd<\/strong> + <strong>A<\/strong><\/td>\n<\/tr>\n<tr>\n<td>\u00c5bn debuggeren<\/td>\n<td><strong>Skift<\/strong> + <strong>F9<\/strong><\/td>\n<td><strong>Ctrl<\/strong> + <strong>D<\/strong><\/td>\n<\/tr>\n<tr>\n<td>Skift breakpoint<\/td>\n<td><strong>Kontrol<\/strong> + <strong>F8<\/strong><\/td>\n<td><strong>Cmd<\/strong> + <strong>F8<\/strong><\/td>\n<\/tr>\n<tr>\n<td>Tr\u00e6d ind i<\/td>\n<td><strong>F7<\/strong><\/td>\n<td><strong>F7<\/strong><\/td>\n<\/tr>\n<tr>\n<td>Tr\u00e6d over<\/td>\n<td><strong>F8<\/strong><\/td>\n<td><strong>F8<\/strong><\/td>\n<\/tr>\n<tr>\n<td>Visning af breakpoints<\/td>\n<td><strong>Ctrl<\/strong> + <strong>Shift<\/strong> + <strong>F8<\/strong><\/td>\n<td><strong>Shift<\/strong> + <strong>Cmd<\/strong> + <strong>F8<\/strong><\/td>\n<\/tr>\n<tr>\n<td>Genoptage programmet<\/td>\n<td><strong>F9<\/strong><\/td>\n<td><strong>F9<\/strong><\/td>\n<\/tr>\n<tr>\n<td>Evaluerer det aktuelle udtryk<\/td>\n<td><strong>Alt<\/strong> + <strong>F8<\/strong><\/td>\n<td><strong>Valgmulighed<\/strong> + <strong>F8<\/strong><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>Heldigvis er der ikke meget at l\u00e6re udenad her. Du skal \u00e5bne debuggeren, indstille breakpoints pr. linje, lytte efter forbindelser og k\u00f8re dine scripts.<\/p>\n<p>Hvis du imidlertid har brug for en genvej til en bestemt opgave, kan du bruge kommandoen PhpStorm <strong>Find Action<\/strong>:<\/p>\n<figure id=\"attachment_133026\" aria-describedby=\"caption-attachment-133026\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-133026 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/09\/find-action-bar.png\" alt=\"PhpStorm-gr\u00e6nsefladen, der viser Find Action-displayet. Der er forskellige s\u00f8gefiltre for Alle, Klasser, Filer, Symboler, Handlinger og Git. S\u00f8geordet er\" width=\"1000\" height=\"470\"><figcaption id=\"caption-attachment-133026\" class=\"wp-caption-text\">Brug af Find Action-menuen i PhpStorm.<\/figcaption><\/figure>\n<p>N\u00e5r du begynder at skrive i dette felt, f\u00e5r du vist en dynamisk liste over kommandoer og relaterede genveje. Du kan ogs\u00e5 finde en PDF-version af alle tastaturgenveje via menuen <strong>Hj\u00e6lp &gt; Tastaturgenveje PDF<\/strong>.<\/p>\n<p>Hvis du vil have et mere realtidsorienteret kig p\u00e5 genveje, mens du arbejder med musen, tilbyder JetBrains plugin&#8217;et <a href=\"https:\/\/plugins.jetbrains.com\/plugin\/9792-key-promoter-x\">Key Promoter X<\/a>:<\/p>\n<figure id=\"attachment_133028\" aria-describedby=\"caption-attachment-133028\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-133028 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2022\/09\/key-promoter-x.png\" alt=\"Et PhpStorm-gr\u00e6nsefladevindue, der viser en r\u00e6kke muligheder for at finde filer og projekter sammen med de tilsvarende genveje. Der er to meddelelser i nederste h\u00f8jre hj\u00f8rne med formatet p\u00e5\" width=\"1000\" height=\"463\"><figcaption id=\"caption-attachment-133028\" class=\"wp-caption-text\">PhpStorm-gr\u00e6nsefladen, der viser Key Promoter X-meddelelser.<\/figcaption><\/figure>\n<p>Dette praktiske v\u00e6rkt\u00f8j viser meddelelser om din seneste udf\u00f8rte handling sammen med den tilh\u00f8rende tastaturgenvej. N\u00e5r du f\u00f8rst har l\u00e6rt og brugt genvejene, kan du udfase dette plugin og genoprette den v\u00e6rdifulde ejendom p\u00e5 din sk\u00e6rm.<\/p>\n\n<h2>Opsummering<\/h2>\n<p>Debugging er kommet langt fra sin ydmyge begyndelse; den omfatter nu et meget bredere anvendelsesomr\u00e5de, end dens forf\u00e6dre kunne have forestillet sig. For at udf\u00f8re et grundigt arbejde, n\u00e5r det g\u00e6lder om at rette din PHP-kode, skal du bruge et kompetent v\u00e6rkt\u00f8j. Der er mange fremragende udvidelser og v\u00e6rkt\u00f8jer at v\u00e6lge imellem, men <a href=\"https:\/\/xdebug.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Xdebug<\/a> er en diskutabel frontl\u00f8ber.<\/p>\n<p>Som vi har set, kan Xdebug tilpasse sig selv den mest eklektiske smag i kodeeditorer, og det er is\u00e6r godt, n\u00e5r det er parret med <a href=\"https:\/\/www.jetbrains.com\/phpstorm\/\" target=\"_blank\" rel=\"noopener noreferrer\">PhpStorm<\/a>. Men uanset din ops\u00e6tning vil der ofte v\u00e6re en version af Xdebug, der passer til dine behov. I det hele taget er det et kraftfuldt, fleksibelt og intuitivt v\u00e6rkt\u00f8j at bruge.<\/p>\n<p>Synes du, at Xdebug fortjener sin h\u00f8je ros, eller er der et andet debuggingv\u00e6rkt\u00f8j, som du foretr\u00e6kker? Lad os vide det i kommentarfeltet nedenfor!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Som enhver udvikler kan bekr\u00e6fte, er kode aldrig klar til produktion efter det f\u00f8rste udkast. En vigtig del af udviklingsprocessen er fejlfinding \u2014 at fjerne eller &#8230;<\/p>\n","protected":false},"author":117,"featured_media":45763,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[274,197,38,2,581],"topic":[746],"class_list":["post-45762","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-debugging","tag-web-development","tag-webdev","tag-wordpress","tag-xdebug","topic-web-udviklingsvaerktoejer"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Hvordan Xdebug kan hj\u00e6lpe dig med at blive en bedre WordPress-udvikler<\/title>\n<meta name=\"description\" content=\"Debugging er en v\u00e6sentlig del af webudvikling. Dette indl\u00e6g viser, hvordan du bruger Xdebug. Vi vil ogs\u00e5 se p\u00e5, hvordan man integrerer PhpStorm med Xdebug.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinqsta.com\/dk\/blog\/xdebug\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hvordan Xdebug kan hj\u00e6lpe dig med at blive en bedre WordPress-udvikler\" \/>\n<meta property=\"og:description\" content=\"Debugging er en v\u00e6sentlig del af webudvikling. Dette indl\u00e6g viser, hvordan du bruger Xdebug. Vi vil ogs\u00e5 se p\u00e5, hvordan man integrerer PhpStorm med Xdebug.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/dk\/blog\/xdebug\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-13T07:03:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-24T10:22:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/10\/xdebug.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Salman Ravoof\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Debugging er en v\u00e6sentlig del af webudvikling. Dette indl\u00e6g viser, hvordan du bruger Xdebug. Vi vil ogs\u00e5 se p\u00e5, hvordan man integrerer PhpStorm med Xdebug.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/10\/xdebug.png\" \/>\n<meta name=\"twitter:creator\" content=\"@salmanravoof\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_dk\" \/>\n<meta name=\"twitter:label1\" content=\"Skrevet af\" \/>\n\t<meta name=\"twitter:data1\" content=\"Salman Ravoof\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimeret l\u00e6setid\" \/>\n\t<meta name=\"twitter:data2\" content=\"20 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/dk\/blog\/xdebug\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/dk\/blog\/xdebug\/\"},\"author\":{\"name\":\"Salman Ravoof\",\"@id\":\"https:\/\/kinqsta.com\/dk\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987\"},\"headline\":\"Hvordan Xdebug kan hj\u00e6lpe dig med at blive en bedre WordPress-udvikler\",\"datePublished\":\"2022-10-13T07:03:08+00:00\",\"dateModified\":\"2023-08-24T10:22:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/dk\/blog\/xdebug\/\"},\"wordCount\":3728,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/dk\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/dk\/blog\/xdebug\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/10\/xdebug.png\",\"keywords\":[\"debugging\",\"web development\",\"webdev\",\"WordPress\",\"xdebug\"],\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinqsta.com\/dk\/blog\/xdebug\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/dk\/blog\/xdebug\/\",\"url\":\"https:\/\/kinqsta.com\/dk\/blog\/xdebug\/\",\"name\":\"Hvordan Xdebug kan hj\u00e6lpe dig med at blive en bedre WordPress-udvikler\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/dk\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/dk\/blog\/xdebug\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/dk\/blog\/xdebug\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/10\/xdebug.png\",\"datePublished\":\"2022-10-13T07:03:08+00:00\",\"dateModified\":\"2023-08-24T10:22:29+00:00\",\"description\":\"Debugging er en v\u00e6sentlig del af webudvikling. Dette indl\u00e6g viser, hvordan du bruger Xdebug. Vi vil ogs\u00e5 se p\u00e5, hvordan man integrerer PhpStorm med Xdebug.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/dk\/blog\/xdebug\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/dk\/blog\/xdebug\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinqsta.com\/dk\/blog\/xdebug\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/10\/xdebug.png\",\"contentUrl\":\"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/10\/xdebug.png\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/dk\/blog\/xdebug\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/dk\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webudviklingsv\u00e6rkt\u00f8jer\",\"item\":\"https:\/\/kinqsta.com\/dk\/emner\/web-udviklingsvaerktoejer\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Hvordan Xdebug kan hj\u00e6lpe dig med at blive en bedre WordPress-udvikler\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/dk\/#website\",\"url\":\"https:\/\/kinqsta.com\/dk\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Hurtig, sikker, premium hostingl\u00f8sninger\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/dk\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/dk\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"da-DK\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/dk\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/dk\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinqsta.com\/dk\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/dk\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/\",\"https:\/\/x.com\/kinsta_dk\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinqsta.com\/dk\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987\",\"name\":\"Salman Ravoof\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinqsta.com\/dk\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g\",\"caption\":\"Salman Ravoof\"},\"description\":\"Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.\",\"sameAs\":[\"https:\/\/salmanravoof.com\",\"https:\/\/www.linkedin.com\/in\/salman-ravoof-5a749133\/\",\"https:\/\/x.com\/salmanravoof\"],\"url\":\"https:\/\/kinqsta.com\/dk\/blog\/author\/salmanravoof\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Hvordan Xdebug kan hj\u00e6lpe dig med at blive en bedre WordPress-udvikler","description":"Debugging er en v\u00e6sentlig del af webudvikling. Dette indl\u00e6g viser, hvordan du bruger Xdebug. Vi vil ogs\u00e5 se p\u00e5, hvordan man integrerer PhpStorm med Xdebug.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinqsta.com\/dk\/blog\/xdebug\/","og_locale":"da_DK","og_type":"article","og_title":"Hvordan Xdebug kan hj\u00e6lpe dig med at blive en bedre WordPress-udvikler","og_description":"Debugging er en v\u00e6sentlig del af webudvikling. Dette indl\u00e6g viser, hvordan du bruger Xdebug. Vi vil ogs\u00e5 se p\u00e5, hvordan man integrerer PhpStorm med Xdebug.","og_url":"https:\/\/kinqsta.com\/dk\/blog\/xdebug\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/","article_published_time":"2022-10-13T07:03:08+00:00","article_modified_time":"2023-08-24T10:22:29+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/10\/xdebug.png","type":"image\/png"}],"author":"Salman Ravoof","twitter_card":"summary_large_image","twitter_description":"Debugging er en v\u00e6sentlig del af webudvikling. Dette indl\u00e6g viser, hvordan du bruger Xdebug. Vi vil ogs\u00e5 se p\u00e5, hvordan man integrerer PhpStorm med Xdebug.","twitter_image":"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/10\/xdebug.png","twitter_creator":"@salmanravoof","twitter_site":"@kinsta_dk","twitter_misc":{"Skrevet af":"Salman Ravoof","Estimeret l\u00e6setid":"20 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/dk\/blog\/xdebug\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/dk\/blog\/xdebug\/"},"author":{"name":"Salman Ravoof","@id":"https:\/\/kinqsta.com\/dk\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987"},"headline":"Hvordan Xdebug kan hj\u00e6lpe dig med at blive en bedre WordPress-udvikler","datePublished":"2022-10-13T07:03:08+00:00","dateModified":"2023-08-24T10:22:29+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/dk\/blog\/xdebug\/"},"wordCount":3728,"commentCount":0,"publisher":{"@id":"https:\/\/kinqsta.com\/dk\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/dk\/blog\/xdebug\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/10\/xdebug.png","keywords":["debugging","web development","webdev","WordPress","xdebug"],"inLanguage":"da-DK","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinqsta.com\/dk\/blog\/xdebug\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/dk\/blog\/xdebug\/","url":"https:\/\/kinqsta.com\/dk\/blog\/xdebug\/","name":"Hvordan Xdebug kan hj\u00e6lpe dig med at blive en bedre WordPress-udvikler","isPartOf":{"@id":"https:\/\/kinqsta.com\/dk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/dk\/blog\/xdebug\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/dk\/blog\/xdebug\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/10\/xdebug.png","datePublished":"2022-10-13T07:03:08+00:00","dateModified":"2023-08-24T10:22:29+00:00","description":"Debugging er en v\u00e6sentlig del af webudvikling. Dette indl\u00e6g viser, hvordan du bruger Xdebug. Vi vil ogs\u00e5 se p\u00e5, hvordan man integrerer PhpStorm med Xdebug.","breadcrumb":{"@id":"https:\/\/kinqsta.com\/dk\/blog\/xdebug\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/dk\/blog\/xdebug\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinqsta.com\/dk\/blog\/xdebug\/#primaryimage","url":"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/10\/xdebug.png","contentUrl":"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2022\/10\/xdebug.png","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/dk\/blog\/xdebug\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/dk\/"},{"@type":"ListItem","position":2,"name":"Webudviklingsv\u00e6rkt\u00f8jer","item":"https:\/\/kinqsta.com\/dk\/emner\/web-udviklingsvaerktoejer\/"},{"@type":"ListItem","position":3,"name":"Hvordan Xdebug kan hj\u00e6lpe dig med at blive en bedre WordPress-udvikler"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/dk\/#website","url":"https:\/\/kinqsta.com\/dk\/","name":"Kinsta\u00ae","description":"Hurtig, sikker, premium hostingl\u00f8sninger","publisher":{"@id":"https:\/\/kinqsta.com\/dk\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/dk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"da-DK"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/dk\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/dk\/","logo":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinqsta.com\/dk\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.com\/dk\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/","https:\/\/x.com\/kinsta_dk","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinqsta.com\/dk\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987","name":"Salman Ravoof","image":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinqsta.com\/dk\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g","caption":"Salman Ravoof"},"description":"Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.","sameAs":["https:\/\/salmanravoof.com","https:\/\/www.linkedin.com\/in\/salman-ravoof-5a749133\/","https:\/\/x.com\/salmanravoof"],"url":"https:\/\/kinqsta.com\/dk\/blog\/author\/salmanravoof\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/posts\/45762","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/users\/117"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/comments?post=45762"}],"version-history":[{"count":11,"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/posts\/45762\/revisions"}],"predecessor-version":[{"id":51452,"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/posts\/45762\/revisions\/51452"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/45762\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/45762\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/45762\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/45762\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/45762\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/45762\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/45762\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/45762\/translations\/es"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/45762\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/45762\/translations\/dk"},{"href":"https:\/\/kinqsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/45762\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/media\/45763"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/media?parent=45762"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/tags?post=45762"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/dk\/wp-json\/wp\/v2\/topic?post=45762"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}