{"id":46323,"date":"2022-10-13T07:02:33","date_gmt":"2022-10-13T07:02:33","guid":{"rendered":"https:\/\/kinsta.com\/se\/?p=46323&#038;preview=true&#038;preview_id=46323"},"modified":"2023-02-10T15:42:44","modified_gmt":"2023-02-10T15:42:44","slug":"xdebug","status":"publish","type":"post","link":"https:\/\/kinsta.com\/se\/blog\/xdebug\/","title":{"rendered":"Hur Xdebug kan hj\u00e4lpa dig att bli en b\u00e4ttre WordPress-utvecklare"},"content":{"rendered":"<p>Som alla utvecklare kan intyga \u00e4r kod aldrig redo f\u00f6r produktion efter det f\u00f6rsta utkastet. En viktig del av utvecklingsprocessen \u00e4r fels\u00f6kning \u2014 att ta bort eller \u00e4ndra alla delar av koden som inte fungerar.<\/p>\n<p>Till\u00e4gget Xdebug f\u00f6r PHP \u00e4r ett popul\u00e4rt s\u00e4tt att hitta \u00e5t och f\u00f6rst\u00f6ra alla fel i din kod.<\/p>\n<p>En av de fantastiska aspekterna av Xdebug \u00e4r hur flexibelt det \u00e4r. Oavsett vilket ramverk eller vilken utvecklingsmilj\u00f6 som du f\u00f6redrar s\u00e5 kommer du att kunna hitta en version av Xdebug som passar in i ditt arbetsfl\u00f6de. Sen tar det inte l\u00e5ng tid att f\u00e5 grepp om verktyget.<\/p>\n<p>Den h\u00e4r handledningen kommer att titta p\u00e5 Xdebug p\u00e5 djupet, inklusive installationsprocess, integrering i din installation och allm\u00e4n anv\u00e4ndning.<\/p>\n<p>Men l\u00e5t oss f\u00f6rst ge dig lite mer sammanhang om vad Xdebug \u00e4r och vad det g\u00f6r.<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>Presentation av Xdebug<\/h2>\n<p><a href=\"https:\/\/xdebug.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Xdebug<\/a> \u00e4r ett av de mest popul\u00e4ra till\u00e4ggen f\u00f6r att fels\u00f6ka din PHP-kod. Du installerar det fr\u00e5n din valda milj\u00f6 och det fungerar som en &#8221;stegvis fels\u00f6kare&#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:\/\/kinsta.com\/wp-content\/uploads\/2022\/09\/xdebug.png\" alt=\"Logotypen f\u00f6r Xdebug.\" width=\"1000\" height=\"187\"><figcaption id=\"caption-attachment-133040\" class=\"wp-caption-text\">Logotypen f\u00f6r Xdebug.<\/figcaption><\/figure>\n<p>Kort sagt g\u00f6r detta att du kan arbeta med din kod rad f\u00f6r rad s\u00e5 att du kan g\u00e5 igenom och titta p\u00e5 hur koden agerar och interagerar i ditt program, samt unders\u00f6ka dess utdata. D\u00e4rifr\u00e5n kan du g\u00f6ra de \u00e4ndringar som du anser vara l\u00e4mpliga.<\/p>\n<p>Xdebug kan dock g\u00f6ra mycket mer:<\/p>\n<ul>\n<li>Du kan analysera <a href=\"https:\/\/kinsta.com\/se\/blog\/applikationsprestandaovervakning\/\" target=\"_blank\" rel=\"noopener noreferrer\">prestandan hos din kod<\/a> med hj\u00e4lp av en upps\u00e4ttning m\u00e4tv\u00e4rden och visualiseringar.<\/li>\n<li>N\u00e4r du k\u00f6r PHP-enhetstester s\u00e5 kan du se vilka kodsviter som k\u00f6rs och exekveras.<\/li>\n<li>Xdebug inneh\u00e5ller &#8221;sp\u00e5rnings&#8221;-funktioner som skriver varje funktionsanrop till disken. Detta kommer att inkludera argument, variabeltilldelningar och returv\u00e4rden.<\/li>\n<li>Xdebug g\u00f6r \u00e4ven f\u00f6rb\u00e4ttringar av PHP:s standardfelrapportering. Vi kommer att ta upp mer om detta senare.<\/li>\n<\/ul>\n<p>Med tanke p\u00e5 funktionerna s\u00e5 finns det m\u00e5nga s\u00e4tt att anv\u00e4nda Xdebug (och andra liknande fels\u00f6kare) i ditt arbetsfl\u00f6de. Vi tar upp dessa i n\u00e4sta avsnitt.<\/p>\n\n<h2>Varf\u00f6r du b\u00f6r anv\u00e4nda Xdebug<\/h2>\n<p>M\u00e5nga utvecklare kommer inte att ha ett dedikerat arbetsfl\u00f6de f\u00f6r fels\u00f6kning som anv\u00e4nder verktyg och till\u00e4gg fr\u00e5n tredje part. Detta beror p\u00e5 att PHP inkluderar sin egen rudiment\u00e4ra felloggning. Du kommer att anv\u00e4nda kommandon som <code>error_log<\/code>, <code>var_dump<\/code> och print f\u00f6r att se resultaten av variabler och funktionsanrop.<\/p>\n<p>Det finns exempelvis massor av utdrag som du kan \u00e5teranv\u00e4nda f\u00f6r WordPress-utveckling \u2014 <a href=\"https:\/\/stackoverflow.com\/questions\/15085482\/wordpress-debugging\">Stack Overflow \u00e4r fullt av 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>Det finns dock n\u00e5gra viktiga nackdelar med detta tillv\u00e4gag\u00e5ngss\u00e4tt:<\/p>\n<ul>\n<li>Du m\u00e5ste f\u00f6rst se till att du aktiverar felrapportering f\u00f6r den plattform som du arbetar med. I det h\u00e4r fallet b\u00f6r du aktivera <code>WP_DEBUG<\/code> (mer om detta strax).<\/li>\n<li>Det h\u00e4r exemplet om &#8221;dump&#8221;-fels\u00f6kning ger mindre utrymme f\u00f6r unders\u00f6kning \u00e4n stegvis fels\u00f6kning. H\u00e4r kan du bara ge ut det som du definierar.<\/li>\n<\/ul>\n<p>Den sistn\u00e4mnda punkten kr\u00e4ver mycket manuellt arbete, s\u00e4rskilt om du inte arbetar <a href=\"https:\/\/kinsta.com\/se\/blog\/sysadmin\/\">som systemadministrat\u00f6r<\/a>. Om du exempelvis vill fels\u00f6ka ett kodblock s\u00e5 kan du l\u00e4gga till ditt utdrag baserat p\u00e5 en variabel som du definierar. Den kanske dock inte \u00e4r k\u00e4llan till problemet eller ens indikerar vad som h\u00e4nder.<\/p>\n<p>Ist\u00e4llet kan ett verktyg som Xdebug utf\u00f6ra sin magi f\u00f6r att skapa en st\u00f6rre r\u00e4ckvidd:<\/p>\n<ul>\n<li>Du kan &#8221;bryta&#8221; din kod vid olika punkter under utf\u00f6randet f\u00f6r att se vad som h\u00e4nder i realtid.<\/li>\n<li>Det finns otaliga m\u00e4tv\u00e4rden, visualiseringar, grenar med mera som hj\u00e4lper dig att ta reda p\u00e5 vad din kod g\u00f6r och hur den reagerar.<\/li>\n<li>Ibland kan du till och med \u00e4ndra v\u00e4rden i farten under fels\u00f6kningsprocessen. Detta erbjuder ett enormt v\u00e4rde, \u00e4ven f\u00f6r sviter av kod som fungerar bra. Du kan i princip utf\u00f6ra manuella enhetstester n\u00e4r som helst.<\/li>\n<li>Eftersom du anv\u00e4nder brytpunkter f\u00f6r att markera fels\u00f6knings-omr\u00e5den s\u00e5 beh\u00f6ver du inte arbeta med utdrag i din kod. Detta h\u00e5ller din kod renare och minskar antalet framtida problem.<\/li>\n<\/ul>\n<p>P\u00e5 det hela taget \u00e4r anv\u00e4ndningen av ett verktyg som Xdebug ett proaktivt beslut snarare \u00e4n ett reaktivt. Du kan anv\u00e4nda stegvis fels\u00f6kning som en del av den centrala utvecklingsprocessen, ungef\u00e4r som implementering av enhetstester som en del av testdriven utveckling (TDD).<\/p>\n<h2>S\u00e5 h\u00e4r aktiverar du PHP-felloggning<\/h2>\n<p>\u00c4ven om du kan fels\u00f6ka din kod utan ett specifikt fel s\u00e5 \u00e4r det ofta bra att veta om ett problem uppst\u00e5r utan att Xdebug \u00e4r \u00f6ppet. Detta ger dig en <a href=\"https:\/\/kinsta.com\/blog\/debugging-wordpress-performance\/\" target=\"_blank\" rel=\"noopener noreferrer\">utg\u00e5ngspunkt f\u00f6r utforskning<\/a>. Det \u00e4r inte strikt n\u00f6dv\u00e4ndigt, men kan vara en nyttig del av din kedja.<\/p>\n<p>F\u00f6r att rapportera varje fel som uppst\u00e5r s\u00e5 m\u00e5ste du l\u00e4gga till en rad h\u00f6gst upp i den relevanta PHP-filen:<\/p>\n<pre><code class=\"language-bash\">error_reporting(E_ALL);<\/code><\/pre>\n<p>Detta \u00e4r ett kommando f\u00f6r att f\u00e5nga upp alla, och du kan uppn\u00e5 samma sak med hj\u00e4lp av <code><a href=\"https:\/\/www.php.net\/manual\/en\/function.ini-set.php\">ini_set<\/a><\/code> -funktionen:<\/p>\n<pre><code class=\"language-bash\">ini_set('error_reporting', E_ALL);<\/code><\/pre>\n<p>Detta g\u00f6r att du kan \u00e4ndra inst\u00e4llningar i din <strong>php.ini<\/strong>-fil projekt f\u00f6r projekt. \u00c4ven om du kan g\u00e5 in i filen och g\u00f6ra en manuell \u00e4ndring s\u00e5 \u00e4r det ofta en b\u00e4ttre id\u00e9 att arbeta med <code>ini_set<\/code> f\u00f6r att \u00e4ndra den specifika parametern:<\/p>\n<pre><code class=\"language-bash\">ini_set('display_errors', '1');<\/code><\/pre>\n<p>N\u00e4r du har st\u00e4llt in aktiv felrapportering enligt dina \u00f6nskem\u00e5l s\u00e5 kan du b\u00f6rja arbeta med Xdebug.<\/p>\n<h2>Hur man anv\u00e4nder Xdebug<\/h2>\n<p>Under de kommande avsnitten kommer vi att visa dig hur du anv\u00e4nder Xdebug, inklusive de steg som du beh\u00f6ver ta f\u00f6r att st\u00e4lla in saker och ting. \u00c4ven om vi inte kan g\u00e5 igenom alla verktygsaspekter s\u00e5 kommer den h\u00e4r snabbstartguiden att f\u00e5 dig att komma ig\u00e5ng snabbt.<\/p>\n<p>F\u00f6rst m\u00e5ste du dock installera Xdebug. L\u00e5t oss ta reda p\u00e5 hur du g\u00f6r detta.<\/p>\n<h3>1. Installera Xdebug f\u00f6r ditt operativsystem (OS)<\/h3>\n<p>Eftersom Xdebug kan anpassas till ett o\u00e4ndligt antal konfigurationer s\u00e5 kommer den <a href=\"https:\/\/xdebug.org\/docs\/install\">exakta processen<\/a> f\u00f6r varje system att vara n\u00e5got annorlunda. Det finns \u00e4ven n\u00e5gra skillnader p\u00e5 OS-niv\u00e5:<\/p>\n<ul>\n<li><strong>Windows:<\/strong> Detta \u00e4r en n\u00e5got komplicerad installationsprocess som inneb\u00e4r att du anv\u00e4nder en befintlig PHP-fil och en <a href=\"https:\/\/xdebug.org\/wizard\">installationsguide<\/a> och sedan laddar ner r\u00e4tt version f\u00f6r ditt system.<\/li>\n<li><strong>Linux:<\/strong> Metoden h\u00e4r \u00e4r utan tvekan den mest okomplicerade: Du kan anv\u00e4nda en <a href=\"https:\/\/xdebug.org\/docs\/install#linux\">pakethanterare<\/a> f\u00f6r att installera Xdebug eller <a href=\"https:\/\/xdebug.org\/docs\/install#pecl\">PHP Extension Community Library (PECL)<\/a>.<\/li>\n<li><strong>Mac:<\/strong> Den h\u00e4r metoden \u00e4r ocks\u00e5 enkel: N\u00e4r du har installerat PECL s\u00e5 kan du k\u00f6ra <code>pecl install xdebug<\/code> fr\u00e5n en Terminal-instans. Du m\u00e5ste \u00e4ven ha kommandoradsverktyget XCode och PHP installerat p\u00e5 ditt system.<\/li>\n<\/ul>\n<p>De flesta anv\u00e4ndare b\u00f6r dock inte h\u00e5lla sig till en instans av Xdebug p\u00e5 systemniv\u00e5. Ist\u00e4llet b\u00f6r du integrera den i din egen utvecklingsmilj\u00f6.<\/p>\n<h3>2. Integrera Xdebug i din utvecklingsmilj\u00f6<\/h3>\n<p>N\u00e4r du har installerat Xdebug f\u00f6r ditt operativsystem b\u00f6r du ansluta det till din milj\u00f6.<\/p>\n<p>Det finns s\u00e5 m\u00e5nga system och verktyg som st\u00f6ds h\u00e4r att vi inte kan g\u00e5 in p\u00e5 alla. Vi kommer senare att erbjuda dig instruktioner f\u00f6r b\u00e5de <a href=\"https:\/\/kinsta.com\/se\/devkinsta\/\" target=\"_blank\" rel=\"noopener noreferrer\">DevKinsta<\/a> och <a href=\"https:\/\/www.jetbrains.com\/phpstorm\/\" target=\"_blank\" rel=\"noopener noreferrer\">PhpStorm<\/a>. Trots detta s\u00e5 finns det m\u00e5nga andra popul\u00e4ra milj\u00f6er att v\u00e4lja mellan. Nedan f\u00f6ljer n\u00e5gra av v\u00e5ra fr\u00e4msta rekommendationer.<\/p>\n<h4>Varying Vagrant Vagrants (VVV)<\/h4>\n<p><a href=\"http:\/\/varyingvagrantvagrants.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">VVV<\/a> \u00e4r en av de namngivna milj\u00f6erna p\u00e5 <a href=\"https:\/\/make.wordpress.org\/core\/handbook\/tutorials\/installing-a-local-server\/installing-vvv\/\" target=\"_blank\" rel=\"noopener noreferrer\">webbplatsen Make WordPress<\/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:\/\/kinsta.com\/wp-content\/uploads\/2022\/09\/vvv-logo.png\" alt=\"Logotypen f\u00f6r Varying Vagrant Vagrants.\" width=\"1000\" height=\"349\"><figcaption id=\"caption-attachment-133039\" class=\"wp-caption-text\">Logotypen f\u00f6r Varying Vagrant Vagrants.<\/figcaption><\/figure>\n<p>Den goda nyheten \u00e4r att VVV redan inneh\u00e5ller en <a href=\"https:\/\/varyingvagrantvagrants.org\/docs\/en-US\/references\/xdebug\/\" target=\"_blank\" rel=\"noopener noreferrer\">version av Xdebug<\/a>, men du m\u00e5ste aktivera den. Du kan g\u00f6ra detta med hj\u00e4lp av Secure Shell (SSH) i ett terminalf\u00f6nster:<\/p>\n<pre><code class=\"language-bash\">vagrant ssh -c \"switch_php_debugmod xdebug\"<\/code><\/pre>\n<p>Det kan dock skapa en prestandasvacka, och du m\u00e5ste aktivera det h\u00e4r alternativet igen om du fels\u00f6ker dina webbplatser.<\/p>\n<h4>Laravel Valet<\/h4>\n<p>F\u00f6r vissa anv\u00e4ndare representerar <a href=\"https:\/\/laravel.com\/docs\/9.x\/valet\">Laravels Valet<\/a> en n\u00e4stan perfekt webbutvecklingsmilj\u00f6. En sak som \u00e4r \u00e4nnu b\u00e4ttre \u00e4r att du kan integrera Xdebug med den.<\/p>\n<p>F\u00f6r att g\u00f6ra detta m\u00e5ste du skapa en konfigurationsfil f\u00f6r fels\u00f6karen. Du kan hitta din egen s\u00f6kv\u00e4g med hj\u00e4lp av <code>php --ini<\/code> p\u00e5 kommandoraden, vilket ger dig n\u00e5gra olika fils\u00f6kv\u00e4gar:<\/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:\/\/kinsta.com\/wp-content\/uploads\/2022\/09\/terminal-php-ini.png\" alt=\"Terminalen visar en lista \u00f6ver s\u00f6kv\u00e4gar till konfigurationsfiler.\" width=\"1000\" height=\"444\"><figcaption id=\"caption-attachment-133036\" class=\"wp-caption-text\">Terminalen visar en lista \u00f6ver s\u00f6kv\u00e4gar till konfigurationsfiler.<\/figcaption><\/figure>\n<p>Skapa sedan en ny <strong>xdebug.ini<\/strong>-fil i s\u00f6kv\u00e4gen f\u00f6r ytterligare <strong>.ini<\/strong>-filer. I v\u00e5rt exempel ligger den p\u00e5 <strong>\/opt\/homebrew\/etc\/php\/7.4\/conf.d<\/strong>.<\/p>\n<p>N\u00e4r du \u00f6ppnar den nya filen s\u00e5 \u00f6ppnar du \u00e4ven s\u00f6kv\u00e4gen till den laddade konfigurationsfilen (din huvudsakliga <strong>php.ini<\/strong>-fil). N\u00e4r b\u00e5da \u00e4r \u00f6ppna l\u00e4gger du till f\u00f6ljande l\u00e4ngst ner:<\/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\u00e4r du har sparat \u00e4ndringarna k\u00f6r du <code>valet restart<\/code> fr\u00e5n terminalen och l\u00e4gger sedan till <code>phpinfo(); exit;<\/code> i en av webbplatsens filer. Du b\u00f6r kontrollera om detta fungerar genom en snabb sidladdning i webbl\u00e4saren.<\/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:\/\/kinsta.com\/wp-content\/uploads\/2022\/09\/php-info-page.png\" alt=\"Informationssk\u00e4rmen f\u00f6r PHP.\" width=\"1000\" height=\"498\"><figcaption id=\"caption-attachment-133031\" class=\"wp-caption-text\">Informationssk\u00e4rmen f\u00f6r PHP.<\/figcaption><\/figure>\n<p>Observera att du kan beh\u00f6va starta om PHP med hj\u00e4lp av <code>sudo brew services restart php<\/code> samt kontrollera att din systeminstallation av Xdebug \u00e4r korrekt med hj\u00e4lp av <code>php --info | grep xdebug<\/code>. Du kommer att l\u00e4gga m\u00e4rke till de Xdebug-specifika raderna i utdatan:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-133027 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/09\/grep-xdebug-mode.png\" alt width=\"1000\" height=\"436\"><\/p>\n<p class=\"p1\">H\u00e4rifr\u00e5n kan du leta efter att inf\u00f6rliva Xdebug i din valfria kodredigerare.<\/p>\n<h4>XAMPP<\/h4>\n<p>I likhet med Valet s\u00e5 finns det n\u00e5gra delar i processen f\u00f6r <a href=\"https:\/\/www.apachefriends.org\/download.html\">XAMPP<\/a>. Windows- och macOS-versionerna har dock tv\u00e5 olika processer.<\/p>\n<p>B\u00f6rja med att installera XAMPP och g\u00f6r sedan en snabb kontroll f\u00f6r att se om filen <strong>php_xdebug.dll<\/strong> (Windows) eller <strong>xdebug.so<\/strong> (macOS) finns p\u00e5 ditt 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:\/\/kinsta.com\/wp-content\/uploads\/2022\/09\/test-xampp-file-terminal.png\" alt=\"Ett terminalf\u00f6nster som visar ett test f\u00f6r en XAMPP-fil.\" width=\"1000\" height=\"353\"><figcaption id=\"caption-attachment-133038\" class=\"wp-caption-text\">Ett terminalf\u00f6nster som visar ett test f\u00f6r en XAMPP-fil.<\/figcaption><\/figure>\n<p>Om filen finns s\u00e5 kan du g\u00e5 vidare till konfigurationen. Annars m\u00e5ste du f\u00f6rst <a href=\"https:\/\/xdebug.org\/download\">ladda ner antingen r\u00e4tt bin\u00e4rfil<\/a> f\u00f6r Windows \u2014 en 64-bitarsfil f\u00f6r din f\u00f6redragna PHP-version \u2014 eller installera n\u00e5gra fler beroenden om du anv\u00e4nder Mac.<\/p>\n<p>F\u00f6r Windows byter du namn p\u00e5 DLL-filen <strong>php_xdebug.dll<\/strong> och flyttar den sedan till <strong>\\xampp\\php\\ext<\/strong>-fils\u00f6kv\u00e4gen. \u00d6ppna sedan filen <strong>\\xampp\\php\\php.ini<\/strong> i din <a href=\"https:\/\/kinsta.com\/se\/blog\/basta-textredigerarna\/\" target=\"_blank\" rel=\"noopener noreferrer\">f\u00f6redragna kodredigerare<\/a> och l\u00e4gg till f\u00f6ljande:<\/p>\n<pre><code class=\"language-bash\">output_buffering = Off<\/code><\/pre>\n<p>I sektionen <code>[XDebug]<\/code> l\u00e4gger du till f\u00f6ljande tre rader:<\/p>\n<pre><code class=\"language-bash\">zend_extension=xdebug\nxdebug.mode=debug\nxdebug.start_with_request=trigger<\/code><\/pre>\n<p>N\u00e4r du har sparat \u00e4ndringarna s\u00e5 startar du om Apache och testar Xdebug.<\/p>\n<p><a href=\"https:\/\/stevegeorge.net\/2022\/02\/11\/installing-xdebug-for-xampp-on-mac\/\" target=\"_blank\" rel=\"noopener noreferrer\">F\u00f6r Mac<\/a> b\u00f6r du se till att du installerar <a href=\"https:\/\/developer.apple.com\/xcode\/\" target=\"_blank\" rel=\"noopener noreferrer\">Xcode<\/a>-kommandoradsverktygen med hj\u00e4lp av <code class=\"language-bash\">xcode-select --install<\/code> i en Terminal-instans. D\u00e4refter finns det tre paket som du b\u00f6r installera med hj\u00e4lp av Homebrew:<\/p>\n<pre><code class=\"language-bash\">brew install autoconf automake libtool<\/code><\/pre>\n<p>I vissa fall m\u00e5ste du \u00e4ven installera om XAMPP f\u00f6r att b\u00e5de f\u00e5 k\u00e4rnprogrammet och &#8221;Developer Files&#8221; Du b\u00f6r kunna ominstallera endast dessa filer, men du b\u00f6r f\u00f6rst g\u00f6ra en s\u00e4kerhetskopia av din befintliga installation.<\/p>\n<p>Navigera sedan till nedladdningen f\u00f6r Xdebug-k\u00e4llmappen p\u00e5 ditt system och packa upp TGZ-filen. I ett Terminal-f\u00f6nster navigerar du till den katalogen och k\u00f6r f\u00f6ljande:<\/p>\n<pre><code class=\"language-bash\">phpize\npecl install xdebug<\/code><\/pre>\n<p>Observera att du kan beh\u00f6va anv\u00e4nda <code>sudo<\/code> \u00e4ven h\u00e4r. H\u00e4rifr\u00e5n kan du redigera XAMPP:s php.ini-fil. F\u00f6r de flesta macOS-installationer hittar du den i <strong>\/Applications\/XAMPP\/xamppfiles\/etc\/php.ini<\/strong>. I den h\u00e4r katalogen hittar du \u00e4ven s\u00f6kv\u00e4gen till din <strong>xdebug.so<\/strong>-fil \u2014 notera den och anv\u00e4nd den i st\u00e4llet f\u00f6r filv\u00e4gsplaceringsh\u00e5llaren i det h\u00e4r avsnittet:<\/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>F\u00f6r att testa om detta fungerar s\u00e5 skapar du en ny fil <strong>xdebug_info.php<\/strong> i huvudkatalogen <strong>htdocs<\/strong> <strong>XAMPP<\/strong>. D\u00e4r l\u00e4gger du till f\u00f6ljande:<\/p>\n<pre><code class=\"language-bash\">&lt;?php\nxdebug_info();<\/code><\/pre>\n<p>&#8230;uppdatera sedan Apache och testa Xdebug i webbl\u00e4saren.<\/p>\n<h2>Anv\u00e4nda PhpStorm med Xdebug<\/h2>\n<p>N\u00e4r du har installerat Xdebug via operativsystemet och din utvecklingsmilj\u00f6 s\u00e5 m\u00e5ste du \u00e4ven visa sj\u00e4lva fels\u00f6karen. Du g\u00f6r detta genom din valda kodredigerare eller <a href=\"https:\/\/kinsta.com\/se\/blog\/php-redigerarna\/\" target=\"_blank\" rel=\"noopener noreferrer\">integrerade utvecklingsmilj\u00f6 (IDE)<\/a>. Precis som med din milj\u00f6 s\u00e5 finns det s\u00e5 m\u00e5nga att v\u00e4lja mellan, och alla kan ha olika tillv\u00e4gag\u00e5ngss\u00e4tt.<\/p>\n<p>Med detta sagt v\u00e4ljer m\u00e5nga utvecklare att anv\u00e4nda <a href=\"https:\/\/www.jetbrains.com\/phpstorm\/\" target=\"_blank\" rel=\"noopener noreferrer\">JetBrains PhpStorm<\/a>. PhpStorm erbjuder faktiskt <a href=\"https:\/\/www.jetbrains.com\/help\/phpstorm\/preparing-to-use-wordpress.html\">&#8221;WordPress-aware assistance&#8221;<\/a> \u2014 och det \u00e4r ett popul\u00e4rt val \u00e4ven av m\u00e5nga andra sk\u00e4l.<\/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:\/\/kinsta.com\/wp-content\/uploads\/2022\/09\/php-storm.png\" alt=\"Gr\u00e4nssnittet f\u00f6r PhpStorm.\" width=\"1000\" height=\"625\"><figcaption id=\"caption-attachment-133032\" class=\"wp-caption-text\">Gr\u00e4nssnittet f\u00f6r PhpStorm.<\/figcaption><\/figure>\n<p>P\u00e5 <a href=\"https:\/\/www.jetbrains.com\/help\/phpstorm\/configuring-xdebug.html\">JetBrains webbplats<\/a> finns fullst\u00e4ndiga instruktioner om hur man ansluter Xdebug och PhpStorm, men vi g\u00e5r igenom dem h\u00e4r.<\/p>\n<p>Navigera f\u00f6rst till sidan <strong>Spr\u00e5k &#038; Ramverk &gt; PHP<\/strong> i f\u00f6nstret <strong>Inst\u00e4llningar<\/strong>. H\u00e4r \u00f6ppnar du kebabmenyn <strong>Mer objekt<\/strong> bredvid rullgardinsf\u00e4ltet <strong>CLI Tolken<\/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:\/\/kinsta.com\/wp-content\/uploads\/2022\/09\/cli-interpreter.png\" alt=\"V\u00e4lj en CLI-tolkare i PhpStorm.\" width=\"1000\" height=\"330\"><figcaption id=\"caption-attachment-133021\" class=\"wp-caption-text\">V\u00e4lj en CLI-tolkare i PhpStorm.<\/figcaption><\/figure>\n<p>H\u00e4r visas ytterligare information om din PHP-version och tolk. Om du klickar p\u00e5 ellipsen <strong>Fler objekt<\/strong> bredvid alternativet <strong>Konfigurationsfil<\/strong> visas fullst\u00e4ndiga s\u00f6kv\u00e4gar f\u00f6r 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:\/\/kinsta.com\/wp-content\/uploads\/2022\/09\/configuration-file.png\" alt=\"\u00c4ndring av PHP-konfigurationen i PhpStorm.\" width=\"1000\" height=\"271\"><figcaption id=\"caption-attachment-133022\" class=\"wp-caption-text\">\u00c4ndring av PHP-konfigurationen i PhpStorm.<\/figcaption><\/figure>\n<p>Du kommer h\u00e4rn\u00e4st att arbeta med den h\u00e4r PHP-filen f\u00f6r att forts\u00e4tta installationsprocessen.<\/p>\n<h4>Arbeta i filen php.ini<\/h4>\n<p>Den f\u00f6rsta uppgiften h\u00e4r \u00e4r att redigera alla rader som p\u00e5verkar hur Xdebug kommer att fungera med PhpStorm.<\/p>\n<p>I filen <strong>php.ini<\/strong> letar du efter f\u00f6ljande rader och tar antingen bort dem eller kommenterar dem:<\/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>Dessa rader kommer inte att finnas i alla fall, s\u00e5 bli inte orolig om du inte ser dem.<\/p>\n<p>L\u00e4gg sedan till f\u00f6ljande i 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>Det finns n\u00e5gra saker att notera om den h\u00e4r kodsviten:<\/p>\n<ul>\n<li>Du kanske redan har en sektion f\u00f6r <code>[xdebug]<\/code>, i s\u00e5 fall kan du utel\u00e4mna den f\u00f6rsta beteckningen.<\/li>\n<li>I sektionen <code>zend_extension<\/code> s\u00e5 kan du beh\u00f6va l\u00e4gga till den fullst\u00e4ndiga s\u00f6kv\u00e4gen till <strong>xdebug.so<\/strong> f\u00f6r att ansluta.<\/li>\n<li>\u00c4ven om det kan se ut som en platscontainer, \u00e4r parametern <code>xdebug.client_port<\/code> hur du kommer att st\u00e4lla in den i din kod.<\/li>\n<\/ul>\n<p>N\u00e4r du har lagt till dessa, spara och st\u00e4ng filen och testa sedan PHP-versionen fr\u00e5n kommandoraden (med hj\u00e4lp av <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:\/\/kinsta.com\/wp-content\/uploads\/2022\/09\/terminal-xdebug-php-version.png\" alt=\"Testning av de aktuella installationerna f\u00f6r PHP och Xdebug med hj\u00e4lp av macOS-terminalen.\" width=\"1000\" height=\"416\"><figcaption id=\"caption-attachment-133037\" class=\"wp-caption-text\">Testning av de aktuella installationerna f\u00f6r PHP och Xdebug med hj\u00e4lp av macOS-terminalen.<\/figcaption><\/figure>\n<p>Om du har en fungerande version av Xdebug s\u00e5 kommer den att visas som ett av PHP-till\u00e4ggen. Du kan \u00e4ven l\u00e4gga till <code>phpinfo();<\/code> i en ny fil och testa detta i webbl\u00e4saren.<\/p>\n<p>Detta \u00e4r i stort sett allt som du beh\u00f6ver g\u00f6ra f\u00f6r att f\u00e5 Xdebug att fungera som din standard-fels\u00f6kare med PhpStorm. Det sista steget innan du anv\u00e4nder det \u00e4r att installera ett webbl\u00e4sartill\u00e4gg som hj\u00e4lper dig.<\/p>\n<h4>Installera ett webbl\u00e4sartill\u00e4gg<\/h4>\n<p>Den sista nyckelkopplingen som du beh\u00f6ver g\u00f6ra \u00e4r mellan din webbl\u00e4sare och PhpStorm, vilket \u00e5stadkoms genom aktivering av stegvis fels\u00f6kning p\u00e5 servern. \u00c4ven om du kan g\u00f6ra detta <a href=\"http:\/\/xdebug.org\/docs\/step_debug#starting\">fr\u00e5n kommandoraden<\/a> med hj\u00e4lp av speciella v\u00e4rden <code>GET<\/code> eller <code>POST<\/code> s\u00e5 \u00e4r det enklare att anv\u00e4nda ett till\u00e4gg.<\/p>\n<p>Vi rekommenderar att du anv\u00e4nder det dedikerade till\u00e4gget Xdebug Helper. Du kan installera detta i valfri webbl\u00e4sare:<\/p>\n<ul>\n<li><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/xdebug-helper\/eadndfjplgieldjbigjakmdgkmoaaaoc\">Xdebug Helper f\u00f6r 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 f\u00f6r Firefox<\/a><\/li>\n<\/ul>\n<p>Om du vill utforska andra till\u00e4gg s\u00e5 erbjuder <a href=\"https:\/\/www.jetbrains.com\/help\/phpstorm\/browser-debugging-extensions.html\">JetBrains webbplats<\/a> n\u00e5gra ytterligare alternativ f\u00f6r de mest popul\u00e4ra webbl\u00e4sarna.<\/p>\n<p>N\u00e4r du har installerat ditt valda webbl\u00e4sartill\u00e4gg s\u00e5 b\u00f6r du inte beh\u00f6va justera n\u00e5gra ytterligare konfigurationsinst\u00e4llningar. H\u00e4rifr\u00e5n kan du b\u00f6rja anv\u00e4nda Xdebug med PhpStorm.<\/p>\n<h3>Anv\u00e4ndning av Xdebug<\/h3>\n<p>\u00c4ven om vi kommer att anv\u00e4nda PhpStorm h\u00e4r s\u00e5 kommer du att se en liknande layout och liknande gr\u00e4nssnitt mellan olika IDE:er \u2014 \u00e4ven om det \u00e4ven kommer att finnas n\u00e5gra uppenbara skillnader.<\/p>\n<p>Det finns n\u00e5gra begrepp som tillsammans bildar hela fels\u00f6kningsupplevelsen:<\/p>\n<ul>\n<li><strong>Brytpunkter:<\/strong> Detta \u00e4r de punkter d\u00e4r Xdebug stannar till f\u00f6r att l\u00e5ta dig inspektera utdata. Du kan st\u00e4lla in s\u00e5 m\u00e5nga av dessa som du vill.<\/li>\n<li><strong>Lyssning p\u00e5 anslutningar:<\/strong> Du kan v\u00e4xla den h\u00e4r funktionen till och fr\u00e5n, \u00e4ven om de flesta utvecklare alltid l\u00e5ter den vara p\u00e5.<\/li>\n<li><strong>Sk\u00e4rmen f\u00f6r fels\u00f6kning:<\/strong>\n<p class=\"p1\">St\u00f6rre delen av din tid kommer att spenderas i fels\u00f6kningsgr\u00e4nssnittet \u2014 <span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\">Det \u00e4r h\u00e4r som du arbetar med de olika kodraderna, variablerna och parametrarna.<\/span><\/p>\n<\/li>\n<\/ul>\n<p>Det f\u00f6rsta steget \u00e4r att aktivera lyssning \u2014 du kommer inte att kunna fels\u00f6ka n\u00e5got utan detta. F\u00f6r att g\u00f6ra detta klickar du p\u00e5 alternativet <strong>K\u00f6r &gt; B\u00f6rja lyssna efter PHP Fels\u00f6knings-anslutningar <\/strong>i verktygsf\u00e4ltet:<\/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:\/\/kinsta.com\/wp-content\/uploads\/2022\/09\/phpstorm-run-menu.png\" alt=\"Den \u00f6ppna K\u00f6r-menyn i PhpStorm.\" width=\"1000\" height=\"479\"><figcaption id=\"caption-attachment-133034\" class=\"wp-caption-text\">Den \u00f6ppna K\u00f6r-menyn i PhpStorm.<\/figcaption><\/figure>\n<p>Som ett alternativ kan du klicka p\u00e5 ikonen &#8221;telefon&#8221; i PhpStorms verktygsf\u00e4lt:<\/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:\/\/kinsta.com\/wp-content\/uploads\/2022\/09\/phpstorm-bug-toolbar.png\" alt=\"Lyssna p\u00e5 PHP fels\u00f6knings-anslutningar med hj\u00e4lp av telefonikonen i PhpStorms verktygsf\u00e4lt.\" width=\"1000\" height=\"322\"><figcaption id=\"caption-attachment-133033\" class=\"wp-caption-text\">Lyssna p\u00e5 PHP fels\u00f6knings-anslutningar med hj\u00e4lp av telefonikonen i PhpStorms verktygsf\u00e4lt.<\/figcaption><\/figure>\n<p>N\u00e5got av dessa alternativ kommer att starta lyssnandet efter anslutningar.<\/p>\n<p>H\u00e4rifr\u00e5n kan du b\u00f6rja st\u00e4lla in brytpunkter i kodredigerarens r\u00e4nnor. En r\u00f6d prick visar en brytpunkt som du kan klicka p\u00e5 f\u00f6r aktivering:<\/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:\/\/kinsta.com\/wp-content\/uploads\/2022\/09\/add-breakpoints.png\" alt=\"Brytpunkter i r\u00e4nnan p\u00e5 en PhpStorm-redigeringssida.\" width=\"1000\" height=\"661\"><figcaption id=\"caption-attachment-133020\" class=\"wp-caption-text\">Brytpunkter i r\u00e4nnan p\u00e5 en PhpStorm-redigeringssida.<\/figcaption><\/figure>\n<p>N\u00e4r du vill fels\u00f6ka din kod s\u00e5 \u00e4r det enklaste s\u00e4ttet att b\u00f6rja lyssna, st\u00e4lla in brytpunkter och sedan g\u00e5 till den specifika sidan i webbl\u00e4saren. Leta upp ikonen f\u00f6r ditt till\u00e4gg i webbl\u00e4saren, klicka sedan p\u00e5 den och v\u00e4lj alternativet &#8221;Fels\u00f6k&#8221;:<\/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:\/\/kinsta.com\/wp-content\/uploads\/2022\/09\/select-debug-browser.png\" alt=\"V\u00e4lj alternativet Fels\u00f6k i webbl\u00e4sarens verktygsf\u00e4lt med ett dedikerat till\u00e4gg.\" width=\"1000\" height=\"317\"><figcaption id=\"caption-attachment-133035\" class=\"wp-caption-text\">V\u00e4lj alternativet Fels\u00f6k i webbl\u00e4sarens verktygsf\u00e4lt med ett dedikerat till\u00e4gg.<\/figcaption><\/figure>\n<p>Detta kommer att \u00f6ppna fels\u00f6karen i PhpStorm och antingen leverera goda eller d\u00e5liga nyheter:<\/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:\/\/kinsta.com\/wp-content\/uploads\/2022\/09\/debugger-output.png\" alt=\"Anv\u00e4ndning av PhpStorm-fels\u00f6karen med Xdebug.\" width=\"1000\" height=\"509\"><figcaption id=\"caption-attachment-133024\" class=\"wp-caption-text\">Anv\u00e4ndning av PhpStorm-fels\u00f6karen med Xdebug.<\/figcaption><\/figure>\n<p>Om du h\u00f6gerklickar p\u00e5 de olika v\u00e4rdena, attributen, parametrarna och variablerna s\u00e5 f\u00e5r du tillg\u00e5ng till ytterligare en kontextmeny. Detta ger dig m\u00e5nga extra m\u00f6jligheter att testa och fels\u00f6ka din kod:<\/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:\/\/kinsta.com\/wp-content\/uploads\/2022\/09\/context-menu-debugger.png\" alt=\"Anv\u00e4ndning av h\u00f6gerklickmenyn i PhpStorm Fels\u00f6kare f\u00f6r att st\u00e4lla in nya v\u00e4rden.\" width=\"1000\" height=\"585\"><figcaption id=\"caption-attachment-133023\" class=\"wp-caption-text\">Anv\u00e4ndning av h\u00f6gerklickmenyn i PhpStorm Fels\u00f6kare f\u00f6r att st\u00e4lla in nya v\u00e4rden.<\/figcaption><\/figure>\n<p>Du kan exempelvis st\u00e4lla in olika v\u00e4rden f\u00f6r variabler l\u00e4ngs v\u00e4gen. Detta kan vara ett medvetet f\u00f6rs\u00f6k att bryta din kod och se vad som h\u00e4nder, eller s\u00e5 kan det vara ett s\u00e4tt att testa kod som redan beh\u00f6ver en korrigering. Oavsett vilket s\u00e5 ger detta dig en fantastisk metod f\u00f6r att fels\u00f6ka din kod utan att du beh\u00f6ver \u00e4ndra den f\u00f6rst.<\/p>\n<h2>Hur Kinsta hj\u00e4lper dig att fels\u00f6ka din WordPress-webbplats<\/h2>\n<p>WordPress har sina egna <a href=\"https:\/\/kinsta.com\/docs\/wordpress-hosting\/wordpress-troubleshooting\/wordpress-debugging\/\" target=\"_blank\" rel=\"noopener noreferrer\">fels\u00f6kningsalternativ<\/a> via <code>WP_DEBUG<\/code> och andra verktyg, <a href=\"https:\/\/kinsta.com\/blog\/query-monitor\/\" target=\"_blank\" rel=\"noopener noreferrer\">exempelvis Query Monitor<\/a>. Dessa m\u00f6jligg\u00f6r ett l\u00e4ge d\u00e4r du b\u00f6rjar se tidigare dolda felmeddelanden \u00f6ver hela din webbplats och instrumentpanel. D\u00e4rifr\u00e5n kan du b\u00f6rja ta reda p\u00e5 vad problemet \u00e4r.<\/p>\n<p>Du kan \u00e4ven spara dessa felmeddelanden med hj\u00e4lp av <code>WP_DEBUG_LOG<\/code>, vilket ger dig ett s\u00e4tt att dokumentera problemen p\u00e5 din webbplats. Vi tar upp hur du st\u00e4ller in detta i en <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-debug\/\" target=\"_blank\" rel=\"noopener noreferrer\">annan artikel p\u00e5 bloggen<\/a>. Detta \u00e4r enkelt att st\u00e4lla in via din <a href=\"http:\/\/my.kinsta.com\/?lang=sv\" target=\"_blank\" rel=\"noopener noreferrer\">MyKinsta-instrumentpanel<\/a> (och sk\u00e4rmen <strong>Webbplatser &gt; Verktyg<\/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:\/\/kinsta.com\/wp-content\/uploads\/2022\/09\/kinsta-dashboard-debug.png\" alt=\"Alternativet f\u00f6r fels\u00f6kning av WordPress i MyKinsta-instrumentpanelen.\" width=\"1000\" height=\"220\"><figcaption id=\"caption-attachment-133029\" class=\"wp-caption-text\">Alternativet f\u00f6r fels\u00f6kning av WordPress i MyKinsta-instrumentpanelen.<\/figcaption><\/figure>\n<p>Om du kombinerar detta med det <a href=\"https:\/\/kinsta.com\/se\/devkinsta\/funktioner\/\" target=\"_blank\" rel=\"noopener noreferrer\">kostnadsfria DevKinsta-verktyget f\u00f6r lokala milj\u00f6er<\/a> s\u00e5 har du \u00e4ven ett s\u00e4tt att med ett enda klick <a href=\"https:\/\/kinsta.com\/docs\/devkinsta\/logging\/\" target=\"_blank\" rel=\"noopener noreferrer\">aktivera och inaktivera<\/a> <code>WP_DEBUG<\/code> f\u00f6r varje webbplats som du startar:<\/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:\/\/kinsta.com\/wp-content\/uploads\/2022\/09\/devkinsta-debug.png\" alt=\"Aktivering av WP_DEBUG i DevKinsta's kontrollpanel.\" width=\"1000\" height=\"513\"><figcaption id=\"caption-attachment-133025\" class=\"wp-caption-text\">Aktivering av WP_DEBUG i DevKinsta&#8217;s kontrollpanel.<\/figcaption><\/figure>\n<p>Detta inneb\u00e4r att du kan f\u00e5nga upp fel p\u00e5 din webbplats under utvecklingen och se till att de inte n\u00e5r fram till din livesida. Dessa l\u00e4gen \u00e4r \u00e4ven l\u00e4tta att st\u00e4nga av \u2014 viktigt f\u00f6r b\u00e5de <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-sakerhetplugins\/\" target=\"_blank\" rel=\"noopener noreferrer\">webbplatsens och anv\u00e4ndarens s\u00e4kerhet<\/a>.<\/p>\n<p>Alla Kinsta-planer levereras \u00e4ven med det inbyggda <a href=\"https:\/\/kinsta.com\/se\/apm-verktyg\/\">Kinsta APM-verktyget<\/a>, som \u00e4r v\u00e5rt specialutformade verktyg f\u00f6r prestanda\u00f6vervakning f\u00f6r WordPress-webbplatser.<\/p>\n<p><kinsta-video src=\"https:\/\/kinsta.wistia.com\/medias\/7aq1dfoysx\"><\/kinsta-video><\/p>\n<h2>Kommando fusklappar<\/h2>\n<p>Innan vi avslutar det h\u00e4r inl\u00e4gget s\u00e5 b\u00f6r vi n\u00e4mna genv\u00e4gar.<\/p>\n<p>Precis som hos m\u00e5nga andra programvaror s\u00e5 finns det olika s\u00e4tt att navigera runt i Xdebug (och PhpStorm) enbart med hj\u00e4lp av tangentbordet. Du kan till och med anv\u00e4nda kommandoraden f\u00f6r att fels\u00f6ka PHP-skript.<\/p>\n<p>N\u00e4r Xdebug v\u00e4l \u00e4r ig\u00e5ng s\u00e5 kan du anv\u00e4nda f\u00f6ljande kommandon f\u00f6r att ta dig runt:<\/p>\n<div class=\"responsive-table\">\n<table>\n<thead>\n<tr>\n<th>Kommando<\/th>\n<th>Genv\u00e4g<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Specifik port att lyssna p\u00e5 (t.ex. <code>[9003]<\/code>)<\/td>\n<td><code>-p [value]<\/code><\/td>\n<\/tr>\n<tr>\n<td>S\u00e4tter en brytpunkt p\u00e5 den angivna raden f\u00f6r den angivna filv\u00e4gen.<\/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\u00f6r ditt skript till slutet eller till n\u00e4sta brytpunkt<\/td>\n<td><code>run<\/code><\/td>\n<\/tr>\n<tr>\n<td>G\u00e5r in i n\u00e4sta k\u00f6rbara rad<\/td>\n<td><code>step_into<\/code><\/td>\n<\/tr>\n<tr>\n<td>Listar variabler och v\u00e4rden i det aktuella omr\u00e5det<\/td>\n<td><code>context_get<\/code><\/td>\n<\/tr>\n<tr>\n<td>Visar v\u00e4rdet f\u00f6r den angivna egenskapen<\/td>\n<td><code>property_get -n &lt;property&gt;<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>\u00c4ven om din specifika kodredigerare kommer att ha sina egna dedikerade genv\u00e4gar s\u00e5 \u00e4r fokus h\u00e4r p\u00e5 PhpStorm. Ta en titt p\u00e5 den h\u00e4r tabellen med <a href=\"https:\/\/www.jetbrains.com\/help\/phpstorm\/mastering-keyboard-shortcuts.html#learn-shortcuts\">tangentbordsgenv\u00e4gar<\/a> f\u00f6r att anv\u00e4nda 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>S\u00f6k \u00e5tg\u00e4rd<\/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>\u00d6ppna fels\u00f6karen<\/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>V\u00e4xla brytpunkt<\/td>\n<td><strong>Kontroll<\/strong> + <strong>F8<\/strong><\/td>\n<td><strong>Cmd<\/strong> + <strong>F8<\/strong><\/td>\n<\/tr>\n<tr>\n<td>G\u00e5 in i<\/td>\n<td><strong>F7<\/strong><\/td>\n<td><strong>F7<\/strong><\/td>\n<\/tr>\n<tr>\n<td>Stega \u00f6ver<\/td>\n<td><strong>F8<\/strong><\/td>\n<td><strong>F8<\/strong><\/td>\n<\/tr>\n<tr>\n<td>Visa brytpunkter<\/td>\n<td><strong>Ctrl<\/strong> + <strong>Shift<\/strong> + <strong>F8<\/strong><\/td>\n<td><strong>Skift<\/strong> + <strong>Cmd<\/strong> + <strong>F8<\/strong><\/td>\n<\/tr>\n<tr>\n<td>\u00c5teruppta programmet<\/td>\n<td><strong>F9<\/strong><\/td>\n<td><strong>F9<\/strong><\/td>\n<\/tr>\n<tr>\n<td>Utv\u00e4rdera det aktuella uttrycket<\/td>\n<td><strong>Alt<\/strong> + <strong>F8<\/strong><\/td>\n<td><strong>Alternativ<\/strong> + <strong>F8<\/strong><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>Det finns tack och lov inte mycket att memorera h\u00e4r. Du m\u00e5ste \u00f6ppna fels\u00f6karen, st\u00e4lla in brytpunkter per rad, lyssna p\u00e5 anslutningar och k\u00f6ra dina skript.<\/p>\n<p>Men om du beh\u00f6ver en genv\u00e4g f\u00f6r en viss uppgift s\u00e5 kan du anv\u00e4nda kommandot PhpStorm <strong>Hitta \u00c5tg\u00e4rd<\/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:\/\/kinsta.com\/wp-content\/uploads\/2022\/09\/find-action-bar.png\" alt=\"Anv\u00e4ndning av menyn Hitta \u00c5tg\u00e4rd i PhpStorm.\" width=\"1000\" height=\"470\"><figcaption id=\"caption-attachment-133026\" class=\"wp-caption-text\">Anv\u00e4ndning av menyn Hitta \u00c5tg\u00e4rd i PhpStorm.<\/figcaption><\/figure>\n<p>N\u00e4r du b\u00f6rjar skriva i det h\u00e4r utrymmet s\u00e5 visas en dynamisk lista \u00f6ver kommandon och tillh\u00f6rande genv\u00e4gar. Du kan \u00e4ven hitta en PDF-version av alla tangentbordsgenv\u00e4gar via menyn <strong>Hj\u00e4lp &gt; Tangentbordsgenv\u00e4gar PDF<\/strong>.<\/p>\n<p>Om du vill ha mer av en realtidsutsikt \u00f6ver genv\u00e4gar n\u00e4r du arbetar med musen tillhandah\u00e5ller JetBrains pluginet <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=\"size-full wp-image-133028\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/09\/key-promoter-x.png\" alt=\"A PhpStorm interface window, showing a number of options to find files and projects alongside the corresponding shortcuts. There are two notifications in the bottom right-hand corner with the format of \" width=\"1000\" height=\"463\"><figcaption id=\"caption-attachment-133028\" class=\"wp-caption-text\">PhpStorm-gr\u00e4nssnittet som visar Key Promoter X-meddelanden.<\/figcaption><\/figure>\n<p>Det h\u00e4r praktiska verktyget visar meddelanden om din senast utf\u00f6rda \u00e5tg\u00e4rd, tillsammans med dess relaterade tangentbordsgenv\u00e4g. N\u00e4r du v\u00e4l har l\u00e4rt dig och anv\u00e4nder genv\u00e4garna s\u00e5 kan du fasa ut detta plugin och \u00e5terst\u00e4lla v\u00e4rdefull yta p\u00e5 din sk\u00e4rm.<\/p>\n\n<h2>Sammanfattning<\/h2>\n<p>Fels\u00f6kning har kommit l\u00e5ngt fr\u00e5n sin blygsamma b\u00f6rjan och omfattar nu ett mycket st\u00f6rre till\u00e4mpningsomr\u00e5de \u00e4n vad dess f\u00f6reg\u00e5ngare kunde ha f\u00f6rest\u00e4llt sig. F\u00f6r att utf\u00f6ra ett grundligt arbete n\u00e4r det g\u00e4ller att fixa till din PHP-kod s\u00e5 m\u00e5ste du dock anv\u00e4nda ett kompetent verktyg. Det finns m\u00e5nga utm\u00e4rkta till\u00e4gg och verktyg att v\u00e4lja mellan, men <a href=\"https:\/\/xdebug.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Xdebug<\/a> \u00e4r en rekommendation.<\/p>\n<p>Som vi har sett s\u00e5 kan Xdebug anpassa sig till de flesta kodredigerare, och det \u00e4r s\u00e4rskilt bra n\u00e4r det paras ihop med <a href=\"https:\/\/www.jetbrains.com\/phpstorm\/\" target=\"_blank\" rel=\"noopener noreferrer\">PhpStorm<\/a>. Oavsett vilken inst\u00e4llning som du har s\u00e5 finns det dock ofta en version av Xdebug som passar b\u00e4ttre f\u00f6r just dina behov. P\u00e5 det hela taget \u00e4r det ett kraftfullt, flexibelt och intuitivt verktyg.<\/p>\n<p>Tycker du att Xdebug f\u00f6rtj\u00e4nar sitt stora ber\u00f6m, eller finns det ett annat fels\u00f6kningsverktyg som du f\u00f6redrar? L\u00e5t oss veta i kommentarsf\u00e4ltet nedan!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Som alla utvecklare kan intyga \u00e4r kod aldrig redo f\u00f6r produktion efter det f\u00f6rsta utkastet. En viktig del av utvecklingsprocessen \u00e4r fels\u00f6kning \u2014 att ta bort &#8230;<\/p>\n","protected":false},"author":117,"featured_media":46324,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[314,237,42,29,621],"topic":[],"class_list":["post-46323","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-debugging","tag-web-development","tag-webdev","tag-wordpress","tag-xdebug"],"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>Hur Xdebug kan hj\u00e4lpa dig att bli en b\u00e4ttre WordPress-utvecklare<\/title>\n<meta name=\"description\" content=\"Fels\u00f6kning \u00e4r en viktig del av webbutveckling. Detta inl\u00e4gg visar hur du anv\u00e4nder Xdebug. Vi tittar \u00e4ven p\u00e5 hur du integrerar 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:\/\/kinsta.com\/se\/blog\/xdebug\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hur Xdebug kan hj\u00e4lpa dig att bli en b\u00e4ttre WordPress-utvecklare\" \/>\n<meta property=\"og:description\" content=\"Fels\u00f6kning \u00e4r en viktig del av webbutveckling. Detta inl\u00e4gg visar hur du anv\u00e4nder Xdebug. Vi tittar \u00e4ven p\u00e5 hur du integrerar PhpStorm med Xdebug.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/se\/blog\/xdebug\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstasweden\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-13T07:02:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-10T15:42:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/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=\"Fels\u00f6kning \u00e4r en viktig del av webbutveckling. Detta inl\u00e4gg visar hur du anv\u00e4nder Xdebug. Vi tittar \u00e4ven p\u00e5 hur du integrerar PhpStorm med Xdebug.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2022\/10\/xdebug.png\" \/>\n<meta name=\"twitter:creator\" content=\"@salmanravoof\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_se\" \/>\n<meta name=\"twitter:label1\" content=\"Skriven av\" \/>\n\t<meta name=\"twitter:data1\" content=\"Salman Ravoof\" \/>\n\t<meta name=\"twitter:label2\" content=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data2\" content=\"20 minuter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/xdebug\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/xdebug\/\"},\"author\":{\"name\":\"Salman Ravoof\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987\"},\"headline\":\"Hur Xdebug kan hj\u00e4lpa dig att bli en b\u00e4ttre WordPress-utvecklare\",\"datePublished\":\"2022-10-13T07:02:33+00:00\",\"dateModified\":\"2023-02-10T15:42:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/xdebug\/\"},\"wordCount\":4147,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/se\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/xdebug\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2022\/10\/xdebug.png\",\"keywords\":[\"debugging\",\"web development\",\"webdev\",\"WordPress\",\"xdebug\"],\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/se\/blog\/xdebug\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/xdebug\/\",\"url\":\"https:\/\/kinsta.com\/se\/blog\/xdebug\/\",\"name\":\"Hur Xdebug kan hj\u00e4lpa dig att bli en b\u00e4ttre WordPress-utvecklare\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/se\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/xdebug\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/xdebug\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2022\/10\/xdebug.png\",\"datePublished\":\"2022-10-13T07:02:33+00:00\",\"dateModified\":\"2023-02-10T15:42:44+00:00\",\"description\":\"Fels\u00f6kning \u00e4r en viktig del av webbutveckling. Detta inl\u00e4gg visar hur du anv\u00e4nder Xdebug. Vi tittar \u00e4ven p\u00e5 hur du integrerar PhpStorm med Xdebug.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/xdebug\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/se\/blog\/xdebug\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/xdebug\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2022\/10\/xdebug.png\",\"contentUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2022\/10\/xdebug.png\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/xdebug\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/se\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hur Xdebug kan hj\u00e4lpa dig att bli en b\u00e4ttre WordPress-utvecklare\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/se\/#website\",\"url\":\"https:\/\/kinsta.com\/se\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Snabba, s\u00e4kra, premium hosting-l\u00f6sningar\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/se\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/se\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/se\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/se\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstasweden\/\",\"https:\/\/x.com\/kinsta_se\",\"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:\/\/kinsta.com\/se\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987\",\"name\":\"Salman Ravoof\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/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:\/\/kinsta.com\/se\/blog\/author\/salmanravoof\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Hur Xdebug kan hj\u00e4lpa dig att bli en b\u00e4ttre WordPress-utvecklare","description":"Fels\u00f6kning \u00e4r en viktig del av webbutveckling. Detta inl\u00e4gg visar hur du anv\u00e4nder Xdebug. Vi tittar \u00e4ven p\u00e5 hur du integrerar 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:\/\/kinsta.com\/se\/blog\/xdebug\/","og_locale":"sv_SE","og_type":"article","og_title":"Hur Xdebug kan hj\u00e4lpa dig att bli en b\u00e4ttre WordPress-utvecklare","og_description":"Fels\u00f6kning \u00e4r en viktig del av webbutveckling. Detta inl\u00e4gg visar hur du anv\u00e4nder Xdebug. Vi tittar \u00e4ven p\u00e5 hur du integrerar PhpStorm med Xdebug.","og_url":"https:\/\/kinsta.com\/se\/blog\/xdebug\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstasweden\/","article_published_time":"2022-10-13T07:02:33+00:00","article_modified_time":"2023-02-10T15:42:44+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2022\/10\/xdebug.png","type":"image\/png"}],"author":"Salman Ravoof","twitter_card":"summary_large_image","twitter_description":"Fels\u00f6kning \u00e4r en viktig del av webbutveckling. Detta inl\u00e4gg visar hur du anv\u00e4nder Xdebug. Vi tittar \u00e4ven p\u00e5 hur du integrerar PhpStorm med Xdebug.","twitter_image":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2022\/10\/xdebug.png","twitter_creator":"@salmanravoof","twitter_site":"@kinsta_se","twitter_misc":{"Skriven av":"Salman Ravoof","Ber\u00e4knad l\u00e4stid":"20 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/se\/blog\/xdebug\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/se\/blog\/xdebug\/"},"author":{"name":"Salman Ravoof","@id":"https:\/\/kinsta.com\/se\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987"},"headline":"Hur Xdebug kan hj\u00e4lpa dig att bli en b\u00e4ttre WordPress-utvecklare","datePublished":"2022-10-13T07:02:33+00:00","dateModified":"2023-02-10T15:42:44+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/se\/blog\/xdebug\/"},"wordCount":4147,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/se\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/se\/blog\/xdebug\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2022\/10\/xdebug.png","keywords":["debugging","web development","webdev","WordPress","xdebug"],"inLanguage":"sv-SE","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/se\/blog\/xdebug\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/se\/blog\/xdebug\/","url":"https:\/\/kinsta.com\/se\/blog\/xdebug\/","name":"Hur Xdebug kan hj\u00e4lpa dig att bli en b\u00e4ttre WordPress-utvecklare","isPartOf":{"@id":"https:\/\/kinsta.com\/se\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/se\/blog\/xdebug\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/se\/blog\/xdebug\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2022\/10\/xdebug.png","datePublished":"2022-10-13T07:02:33+00:00","dateModified":"2023-02-10T15:42:44+00:00","description":"Fels\u00f6kning \u00e4r en viktig del av webbutveckling. Detta inl\u00e4gg visar hur du anv\u00e4nder Xdebug. Vi tittar \u00e4ven p\u00e5 hur du integrerar PhpStorm med Xdebug.","breadcrumb":{"@id":"https:\/\/kinsta.com\/se\/blog\/xdebug\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/se\/blog\/xdebug\/"]}]},{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinsta.com\/se\/blog\/xdebug\/#primaryimage","url":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2022\/10\/xdebug.png","contentUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2022\/10\/xdebug.png","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/se\/blog\/xdebug\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/se\/"},{"@type":"ListItem","position":2,"name":"Hur Xdebug kan hj\u00e4lpa dig att bli en b\u00e4ttre WordPress-utvecklare"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/se\/#website","url":"https:\/\/kinsta.com\/se\/","name":"Kinsta\u00ae","description":"Snabba, s\u00e4kra, premium hosting-l\u00f6sningar","publisher":{"@id":"https:\/\/kinsta.com\/se\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/se\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sv-SE"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/se\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/se\/","logo":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstasweden\/","https:\/\/x.com\/kinsta_se","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:\/\/kinsta.com\/se\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987","name":"Salman Ravoof","image":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinsta.com\/se\/#\/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:\/\/kinsta.com\/se\/blog\/author\/salmanravoof\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts\/46323","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/users\/117"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/comments?post=46323"}],"version-history":[{"count":12,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts\/46323\/revisions"}],"predecessor-version":[{"id":49929,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts\/46323\/revisions\/49929"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/46323\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/46323\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/46323\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/46323\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/46323\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/46323\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/46323\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/46323\/translations\/es"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/46323\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/46323\/translations\/dk"},{"href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/46323\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/media\/46324"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/media?parent=46323"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/tags?post=46323"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/topic?post=46323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}