{"id":54842,"date":"2022-10-13T07:56:43","date_gmt":"2022-10-13T06:56:43","guid":{"rendered":"https:\/\/kinsta.com\/de\/?p=54842&#038;preview=true&#038;preview_id=54842"},"modified":"2024-09-17T13:58:43","modified_gmt":"2024-09-17T12:58:43","slug":"xdebug","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/xdebug\/","title":{"rendered":"Wie Xdebug dir helfen kann, ein besserer WordPress-Entwickler zu werden"},"content":{"rendered":"<p>Wie jeder Entwickler best\u00e4tigen kann, ist der Code nach dem ersten Entwurf nie fertig f\u00fcr den Einsatz. Ein wichtiger Teil des Entwicklungsprozesses ist das Debugging \u2014 das Entfernen oder \u00c4ndern aller Teile deines Codes, die nicht funktionieren.<\/p>\n<p>Die Xdebug-Erweiterung f\u00fcr PHP ist eine beliebte Methode, um alle Fehler in deinem Code aufzusp\u00fcren und zu beseitigen.<\/p>\n<p>Einer der gro\u00dfartigen Aspekte von Xdebug ist die Flexibilit\u00e4t, die es bietet. Unabh\u00e4ngig von deinem bevorzugten Framework oder deiner Entwicklungsumgebung wirst du eine Version von Xdebug finden, die sich in deinen Arbeitsablauf einf\u00fcgt. Dann dauert es nicht mehr lange, bis du dich mit dem Tool vertraut gemacht hast.<\/p>\n<p>In diesem Lernprogramm wird Xdebug eingehend behandelt, einschlie\u00dflich der Installation, der Integration in dein Setup und der allgemeinen Nutzung.<\/p>\n<p>Zuerst wollen wir dir erkl\u00e4ren, was Xdebug ist und was es kann.<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>Einf\u00fchrung in Xdebug<\/h2>\n<p><a href=\"https:\/\/xdebug.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Xdebug<\/a> ist eine der beliebtesten Erweiterungen, um deinen PHP-Code zu debuggen. Du installierst sie in der von dir gew\u00e4hlten Umgebung und sie fungiert als &#8222;Step Debugger&#8220;<\/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=\"Ein gr\u00fcner Schichthintergrund mit dem Xdebug-Logo und einem gr\u00fcnen \"X\".\" width=\"1000\" height=\"187\"><figcaption id=\"caption-attachment-133040\" class=\"wp-caption-text\">Das Xdebug-Logo<\/figcaption><\/figure>\n<p>So kannst du deinen Code Zeile f\u00fcr Zeile durchgehen und sehen, wie er sich innerhalb deines Programms verh\u00e4lt und interagiert, und seine Ausgabe untersuchen. Von dort aus kannst du \u00c4nderungen vornehmen, die du f\u00fcr richtig h\u00e4ltst.<\/p>\n<p>Xdebug kann aber noch viel mehr:<\/p>\n<ul>\n<li>Du kannst die <a href=\"https:\/\/kinsta.com\/de\/blog\/application-performance-monitoring\/\" target=\"_blank\" rel=\"noopener noreferrer\">Leistung deines Codes<\/a> mit einer Reihe von Metriken und Visualisierungen analysieren.<\/li>\n<li>Wenn du PHP-Unit-Tests durchf\u00fchrst, kannst du sehen, welche Code-Suiten du laufen l\u00e4sst und ausf\u00fchrst.<\/li>\n<li>Xdebug verf\u00fcgt \u00fcber &#8222;Tracing&#8220;-Funktionen, die jeden Funktionsaufruf auf die Festplatte schreiben. Dazu geh\u00f6ren Argumente, Variablenzuweisungen und R\u00fcckgabewerte.<\/li>\n<li>Xdebug verbessert auch die standardm\u00e4\u00dfige PHP-Fehlerberichterstattung. Darauf gehen wir sp\u00e4ter noch n\u00e4her ein.<\/li>\n<\/ul>\n<p>Angesichts des Funktionsumfangs gibt es viele M\u00f6glichkeiten, Xdebug (und jeden \u00e4hnlichen Debugger) in deinem Arbeitsablauf einzusetzen. Wir werden diese im n\u00e4chsten Abschnitt behandeln.<\/p>\n\n<h2>Warum du Xdebug benutzen solltest<\/h2>\n<p>Viele Entwickler haben keinen eigenen Debugging-Workflow, der Tools und Erweiterungen von Drittanbietern verwendet. Das liegt daran, dass PHP selbst eine rudiment\u00e4re Fehlerprotokollierung enth\u00e4lt. Du wirst Befehle wie <code>error_log<\/code>, <code>var_dump<\/code> und print verwenden, um die Ergebnisse von Variablen und Funktionsaufrufen zu sehen.<\/p>\n<p>Es gibt zum Beispiel viele Snippets, die du f\u00fcr die WordPress-Entwicklung verwenden kannst \u2014 <a href=\"https:\/\/stackoverflow.com\/questions\/15085482\/wordpress-debugging\">Stack Overflow ist voll von ihnen<\/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>Dieser Ansatz hat jedoch auch einige wichtige Nachteile:<\/p>\n<ul>\n<li>Zuerst musst du sicherstellen, dass du die Fehlerprotokolle f\u00fcr die Plattform, mit der du arbeitest, aktivierst. In diesem Fall musst du <code>WP_DEBUG<\/code> aktivieren (mehr dazu in K\u00fcrze).<\/li>\n<li>Dieses Beispiel des &#8222;Dump&#8220;-Debugging bietet weniger M\u00f6glichkeiten zur Untersuchung als das Step-Debugging. Hier kannst du nur ausgeben, was du definierst.<\/li>\n<\/ul>\n<p>Der letzte Punkt erfordert viel manuellen Aufwand, vor allem, wenn du nicht gerade <a href=\"https:\/\/kinsta.com\/de\/blog\/sysadmin\/\" target=\"_blank\" rel=\"noopener noreferrer\">als Systemadministrator<\/a> arbeitest. Wenn du zum Beispiel einen Codeblock debuggen willst, f\u00fcgst du dein Snippet vielleicht anhand einer von dir definierten Variable ein. Allerdings ist das vielleicht nicht die Ursache des Problems oder zeigt nicht einmal an, was passiert ist.<\/p>\n<p>Stattdessen kann ein Tool wie Xdebug seine Muskeln spielen lassen, um mehr M\u00f6glichkeiten zu bieten:<\/p>\n<ul>\n<li>Du kannst deinen Code an verschiedenen Stellen w\u00e4hrend der Ausf\u00fchrung &#8222;unterbrechen&#8220;, um zu sehen, was in Echtzeit passiert.<\/li>\n<li>Es gibt unz\u00e4hlige Metriken, Visualisierungen, Verzweigungen und mehr, die dir helfen, herauszufinden, was dein Code tut und wie er reagiert.<\/li>\n<li>Manchmal kannst du sogar Werte w\u00e4hrend des Debugging-Prozesses \u00e4ndern. Das ist selbst f\u00fcr gut funktionierende Code-Suiten von gro\u00dfem Wert. Du kannst im Grunde jederzeit manuelle Unit-Tests durchf\u00fchren.<\/li>\n<li>Da du Haltepunkte verwendest, um die zu debuggenden Bereiche zu markieren, musst du nicht mit Schnipseln in deinem Code arbeiten. So bleibt dein Code sauberer und die Anzahl zuk\u00fcnftiger Probleme wird reduziert.<\/li>\n<\/ul>\n<p>Insgesamt ist der Einsatz eines Tools wie Xdebug eher eine proaktive als eine reaktive Entscheidung. Du kannst das Step-Debugging als Teil des eigentlichen Entwicklungsprozesses nutzen, \u00e4hnlich wie die Implementierung von Unit-Tests als Teil der testgetriebenen Entwicklung (TDD).<\/p>\n<h2>So schaltest du die PHP-Fehlerprotokollierung ein<\/h2>\n<p>Auch wenn du deinen Code ohne einen bestimmten Fehler debuggen kannst, ist es oft gut zu wissen, ob ein Problem auftritt, ohne dass Xdebug ge\u00f6ffnet ist. So erh\u00e4ltst du einen <a href=\"https:\/\/kinsta.com\/de\/blog\/fehlerbeheben-bei-wordpress-leistungsproblemen\/\" target=\"_blank\" rel=\"noopener noreferrer\">Ausgangspunkt f\u00fcr deine Untersuchungen<\/a>. Das ist nicht unbedingt notwendig, kann aber ein hilfreicher Teil deiner Kette sein.<\/p>\n<p>Um jeden auftretenden Fehler zu melden, musst du eine Zeile am Anfang der entsprechenden PHP-Datei einf\u00fcgen:<\/p>\n<pre><code class=\"language-bash\">error_reporting(E_ALL);<\/code><\/pre>\n<p>Dies ist ein Catch-All-Befehl, und du kannst dasselbe erreichen indem du die <code><a href=\"https:\/\/www.php.net\/manual\/en\/function.ini-set.php\">ini_set<\/a><\/code> funktion nutzt:<\/p>\n<pre><code class=\"language-bash\">ini_set('error_reporting', E_ALL);<\/code><\/pre>\n<p>Damit kannst du die Einstellungen in deiner <strong>php.ini<\/strong>-Datei projektspezifisch \u00e4ndern. Du k\u00f6nntest zwar in diese Datei gehen und eine manuelle \u00c4nderung vornehmen, aber oft ist es besser, mit <code>ini_set<\/code> zu arbeiten, um die spezifischen Parameter zu \u00e4ndern:<\/p>\n<pre><code class=\"language-bash\">ini_set('display_errors', '1');<\/code><\/pre>\n<p>Sobald du die aktive Fehlerberichterstattung nach deinen Vorstellungen eingestellt hast, kannst du mit Xdebug arbeiten.<\/p>\n<h2>Wie man Xdebug benutzt<\/h2>\n<p>In den n\u00e4chsten Abschnitten zeigen wir dir, wie du Xdebug verwendest und welche Schritte du zum Einrichten brauchst. Wir k\u00f6nnen zwar nicht alle Aspekte des Tools abdecken, aber mit dieser Schnellstart-Anleitung kannst du schnell loslegen.<\/p>\n<p>Zuerst musst du Xdebug installieren. Wir zeigen dir, wie du das machst.<\/p>\n<h3>1. Installiere Xdebug f\u00fcr dein Betriebssystem (OS)<\/h3>\n<p>Da Xdebug an eine Vielzahl von Systemen angepasst werden kann, ist der <a href=\"https:\/\/xdebug.org\/docs\/install\">genaue Ablauf<\/a> f\u00fcr jedes System etwas anders. Auf der Ebene des Betriebssystems gibt es ein paar Unterschiede:<\/p>\n<ul>\n<li><strong>Windows:<\/strong> Das ist ein etwas komplizierter Einrichtungsprozess, bei dem du eine vorhandene PHP-Datei und einen <a href=\"https:\/\/xdebug.org\/wizard\">Installationsassistenten<\/a> verwendest und dann die richtige Version f\u00fcr dein System herunterl\u00e4dst.<\/li>\n<li><strong>Linux:<\/strong> Die Methode hier ist wohl die einfachste: Du kannst einen <a href=\"https:\/\/xdebug.org\/docs\/install#linux\">Paketmanager<\/a> verwenden, um Xdebug oder die <a href=\"https:\/\/xdebug.org\/docs\/install#pecl\">PHP Extension Community Library (PECL)<\/a> zu installieren.<\/li>\n<li><strong>Mac:<\/strong> Diese Methode ist ebenfalls einfach: Sobald du PECL installiert hast, kannst du <code>pecl install xdebug<\/code> von einem Terminal aus starten. Au\u00dferdem musst du die XCode Kommandozeilentools und PHP auf deinem System installiert haben.<\/li>\n<\/ul>\n<p>Die meisten Benutzer werden jedoch nicht mit einer Instanz von Xdebug auf Systemebene arbeiten wollen. Stattdessen wirst du es in deine eigene Entwicklungsumgebung integrieren wollen.<\/p>\n<h3>2. Integriere Xdebug in deine Entwicklungsumgebung<\/h3>\n<p>Sobald du Xdebug f\u00fcr dein Betriebssystem installiert hast, solltest du es mit deiner Umgebung verbinden.<\/p>\n<p>Es gibt so viele unterst\u00fctzte Systeme und Tools, dass wir hier nicht auf alle eingehen k\u00f6nnen. Sp\u00e4ter werden wir dir eine Anleitung f\u00fcr <a href=\"https:\/\/kinsta.com\/de\/devkinsta\/\" target=\"_blank\" rel=\"noopener noreferrer\">DevKinsta<\/a> und <a href=\"https:\/\/www.jetbrains.com\/phpstorm\/\" target=\"_blank\" rel=\"noopener noreferrer\">PhpStorm<\/a> geben. Es gibt aber auch viele andere beliebte Umgebungen, aus denen du w\u00e4hlen kannst. Im Folgenden findest du einige unserer Top-Empfehlungen.<\/p>\n<h4>Varying Vagrant Vagrants (VVV)<\/h4>\n<p><a href=\"https:\/\/varyingvagrantvagrants.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">VVV<\/a> ist eine der Umgebungen, die auf der <a href=\"https:\/\/make.wordpress.org\/core\/handbook\/tutorials\/installing-a-local-server\/installing-vvv\/\" target=\"_blank\" rel=\"noopener noreferrer\">Make WordPress Website<\/a> genannt werden:<\/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=\"Ein blauer Hintergrund mit 8-Bit-ASCII-Grafik des Varying Vagrant Vagrants Logos \" width=\"1000\" height=\"349\"><figcaption id=\"caption-attachment-133039\" class=\"wp-caption-text\">Das Varying Vagrant Vagrants Logo<\/figcaption><\/figure>\n<p>Die gute Nachricht ist, dass VVV bereits eine <a href=\"https:\/\/varyingvagrantvagrants.org\/docs\/en-US\/references\/xdebug\/\" target=\"_blank\" rel=\"noopener noreferrer\">Version von Xdebug<\/a> enth\u00e4lt, aber du musst sie aktivieren. Das kannst du mit Secure Shell (SSH) in einem Terminalfenster tun:<\/p>\n<pre><code class=\"language-bash\">vagrant ssh -c \"switch_php_debugmod xdebug\"<\/code><\/pre>\n<p>Allerdings leidet die Leistung ein wenig darunter, und du musst diese Option wieder aktivieren, wenn du deine Websites bereitstellst.<\/p>\n<h4>Laravel Valet<\/h4>\n<p>F\u00fcr einige Nutzer ist <a href=\"https:\/\/laravel.com\/docs\/9.x\/valet\">Laravel Valet<\/a> eine nahezu perfekte Webentwicklungsumgebung. Noch besser ist, dass du Xdebug damit integrieren kannst.<\/p>\n<p>Dazu musst du eine Konfigurationsdatei f\u00fcr den Debugger erstellen. Du kannst deinen eigenen Pfad mit <code>php --ini<\/code> auf der Kommandozeile finden, das einige verschiedene Dateipfade zur\u00fcckgibt:<\/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=\"Ein Terminal-Fenster mit einer Liste der Pfade der .ini PHP-Konfigurationsdateien und einem leeren Befehlszeilen-Cursor.\" width=\"1000\" height=\"444\"><figcaption id=\"caption-attachment-133036\" class=\"wp-caption-text\">Das Terminal zeigt eine Liste von Konfigurationsdateipfaden an<\/figcaption><\/figure>\n<p>Als N\u00e4chstes erstellst du eine neue <strong>xdebug.ini<\/strong> Datei an dem Pfad f\u00fcr zus\u00e4tzliche <strong>.ini<\/strong> Dateien. In unserem Beispiel befindet sie sich unter <strong>\/opt\/homebrew\/etc\/php\/7.4\/conf.d<\/strong>.<\/p>\n<p>Sobald du diese neue Datei ge\u00f6ffnet hast, \u00f6ffne auch den Pfad zur geladenen Konfigurationsdatei (deine Hauptdatei <strong>php.ini<\/strong> ). Wenn du beide Dateien ge\u00f6ffnet hast, f\u00fcge Folgendes am Ende hinzu:<\/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>Sobald du deine \u00c4nderungen gespeichert hast, starte <code>valet restart<\/code> im Terminal und f\u00fcge <code>phpinfo(); exit;<\/code> zu einer der Dateien deiner Website hinzu. \u00dcberpr\u00fcfe, ob das funktioniert, indem du eine Seite im Browser l\u00e4dst.<\/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=\"Eine PHP-Informationsdatei innerhalb des Browsers, die das Xdebug-Logo\" width=\"1000\" height=\"498\"><figcaption id=\"caption-attachment-133031\" class=\"wp-caption-text\">Der PHP-Informationsbildschirm<\/figcaption><\/figure>\n<p>Beachte, dass du eventuell PHP mit <code>sudo brew services restart php<\/code> neu starten und mit <code>php --info | grep xdebug<\/code> \u00fcberpr\u00fcfen musst, ob deine Systeminstallation von Xdebug korrekt ist. Du wirst die Xdebug-spezifischen Zeilen in der Ausgabe bemerken:<\/p>\n<figure id=\"attachment_133027\" aria-describedby=\"caption-attachment-133027\" style=\"width: 1000px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-133027 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/09\/grep-xdebug-mode.png\" alt=\"Ein Terminal-Fenster mit verschiedenen Xdebug-Konfigurationseinstellungen (z. B. Ausgabennamen und Anzeigevariablen)\" width=\"1000\" height=\"436\"><figcaption id=\"caption-attachment-133027\" class=\"wp-caption-text\">Xdebug-Konfigurationseinstellungen<\/figcaption><\/figure>\n<p>Von hier aus kannst du Xdebug in den Code-Editor deiner Wahl integrieren.<\/p>\n<h4>XAMPP<\/h4>\n<p>\u00c4hnlich wie bei Valet gibt es auch bei <a href=\"https:\/\/www.apachefriends.org\/download.html\">XAMPP<\/a> mehrere Schritte des Prozesses. Allerdings gibt es f\u00fcr die Windows- und die macOS-Version zwei unterschiedliche Prozesse.<\/p>\n<p>Beginne mit der Installation von XAMPP und \u00fcberpr\u00fcfe kurz, ob die Datei <strong>php_xdebug.dll<\/strong> (Windows) oder <strong>xdebug.so<\/strong> (macOS) auf deinem System vorhanden ist:<\/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=\"Ein Terminal-Fenster, das ein Snippet anzeigt, um zu testen, ob ein while existiert.\" width=\"1000\" height=\"353\"><figcaption id=\"caption-attachment-133038\" class=\"wp-caption-text\">Ein Terminalfenster, das einen Test f\u00fcr eine XAMPP-Datei zeigt<\/figcaption><\/figure>\n<p>Wenn die Datei existiert, kannst du mit der Konfiguration fortfahren. Andernfalls musst du zun\u00e4chst <a href=\"https:\/\/xdebug.org\/download\">entweder die richtige Bin\u00e4rdatei f\u00fcr Windows herunterladen<\/a> \u2014 eine 64-Bit-Datei f\u00fcr deine bevorzugte PHP-Version \u2014 oder ein paar weitere Abh\u00e4ngigkeiten installieren, wenn du einen Mac verwendest.<\/p>\n<p>Unter Windows benennst du die DLL-Datei <strong>php_xdebug.dll<\/strong> um und verschiebst sie dann in den Dateipfad von <strong>xamppphpext<\/strong>. Als n\u00e4chstes \u00f6ffnest du die Datei <strong>\\xampp\\php\\php.ini<\/strong> in deinem <a href=\"https:\/\/kinsta.com\/de\/blog\/besten-texteditoren\/\" target=\"_blank\" rel=\"noopener noreferrer\">bevorzugten Code-Editor<\/a> und f\u00fcgst Folgendes hinzu:<\/p>\n<pre><code class=\"language-bash\">output_buffering = Off<\/code><\/pre>\n<p>Im Abschnitt <code>[XDebug]<\/code> f\u00fcgst du die folgenden drei Zeilen ein:<\/p>\n<pre><code class=\"language-bash\">zend_extension=xdebug\nxdebug.mode=debug\nxdebug.start_with_request=trigger<\/code><\/pre>\n<p>Sobald du deine \u00c4nderungen gespeichert hast, starte Apache neu und teste auf Xdebug.<\/p>\n<p><a href=\"https:\/\/stevegeorge.net\/2022\/02\/11\/installing-xdebug-for-xampp-on-mac\/\" target=\"_blank\" rel=\"noopener noreferrer\">Auf dem Mac<\/a> musst du sicherstellen, dass du die <a href=\"https:\/\/developer.apple.com\/xcode\/\" target=\"_blank\" rel=\"noopener noreferrer\">Xcode<\/a>-Befehlszeilentools mit <code class=\"language-bash\">xcode-select --install<\/code> in einer Terminal-Instanz installierst. Danach gibt es drei Pakete, die du mit Homebrew installieren musst:<\/p>\n<pre><code class=\"language-bash\">brew install autoconf automake libtool<\/code><\/pre>\n<p>In manchen F\u00e4llen musst du auch XAMPP neu installieren, um sowohl das Kernprogramm als auch die &#8222;Developer Files&#8220; zu erhalten. Du solltest in der Lage sein, nur diese Dateien neu zu installieren, aber du solltest vorher ein Backup deiner bestehenden Installation machen.<\/p>\n<p>Als N\u00e4chstes navigierst du zum Download des Xdebug-Quellordners auf deinem System und entpackst die TGZ-Datei. Navigiere in einem Terminal-Fenster zu diesem Verzeichnis und f\u00fchre Folgendes aus:<\/p>\n<pre><code class=\"language-bash\">phpize\npecl install xdebug<\/code><\/pre>\n<p>Beachte, dass du eventuell auch hier <code>sudo<\/code> verwenden musst. Von hier aus kannst du die XAMPP php.ini-Datei bearbeiten. Bei den meisten macOS-Installationen findest du sie unter <strong>\/Applications\/XAMPP\/xamppfiles\/etc\/php.ini<\/strong>. In diesem Verzeichnis findest du auch den Pfad zu deiner <strong>xdebug.so<\/strong>-Datei \u2014 notiere dir diesen und benutze ihn anstelle des Platzhalters f\u00fcr den Dateipfad in diesem Abschnitt:<\/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>Um zu testen, ob dies funktioniert, erstelle eine neue Datei <strong>xdebug_info.php<\/strong> im XAMPP-Hauptverzeichnis <strong>htdocs<\/strong>. F\u00fcge darin das Folgende ein:<\/p>\n<pre><code class=\"language-bash\">&lt;?php\nxdebug_info();<\/code><\/pre>\n<p>&#8230;dann aktualisiere den Apache und teste Xdebug im Browser.<\/p>\n<h2>PhpStorm mit Xdebug verwenden<\/h2>\n<p>Sobald du Xdebug \u00fcber das Betriebssystem und deine Entwicklungsumgebung installiert hast, musst du auch den Debugger selbst anzeigen. Das tust du mit dem Code-Editor oder der <a href=\"https:\/\/kinsta.com\/de\/blog\/php-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">integrierten Entwicklungsumgebung (IDE)<\/a> deiner Wahl. Wie bei deiner Entwicklungsumgebung gibt es auch hier eine gro\u00dfe Auswahl, und jede hat einen anderen Ansatz.<\/p>\n<p>Viele Entwickler entscheiden sich jedoch f\u00fcr <a href=\"https:\/\/www.jetbrains.com\/phpstorm\/\" target=\"_blank\" rel=\"noopener noreferrer\">PhpStorm von JetBrains<\/a>. PhpStorm bietet n\u00e4mlich <a href=\"https:\/\/www.jetbrains.com\/help\/phpstorm\/preparing-to-use-wordpress.html\">&#8222;WordPress-gerechte Unterst\u00fctzung&#8220;<\/a> \u2014 und ist auch aus vielen anderen Gr\u00fcnden eine beliebte Wahl.<\/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=\"Die Benutzeroberfl\u00e4che von PhpStorm, mit einem Baumverzeichnis f\u00fcr das Projekt auf der linken Seite mit wei\u00dfem, blauem und gelbem Text. Auf der rechten Seite steht der PHP-Code f\u00fcr ein WordPress-Plugin in orange, lila, gr\u00fcn und wei\u00df.\" width=\"1000\" height=\"625\"><figcaption id=\"caption-attachment-133032\" class=\"wp-caption-text\">Die PhpStorm-Benutzeroberfl\u00e4che<\/figcaption><\/figure>\n<p>Auf der <a href=\"https:\/\/www.jetbrains.com\/help\/phpstorm\/configuring-xdebug.html\">Website von JetBrains<\/a> findest du eine ausf\u00fchrliche Anleitung zur Verbindung von Xdebug und PhpStorm, die wir hier kurz zusammenfassen.<\/p>\n<p>Navigiere zun\u00e4chst zur Seite <strong>Languages &#038; Frameworks &gt; PHP<\/strong> im Bereich <strong>Preferences<\/strong>. Hier \u00f6ffnest du das Men\u00fc <strong>Weitere Elemente<\/strong> neben dem Dropdown-Feld <strong>CLI-Interpreter<\/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=\"Ein Teil des PhpStorm-Einstellungsbildschirms\" width=\"1000\" height=\"330\"><figcaption id=\"caption-attachment-133021\" class=\"wp-caption-text\">Ausw\u00e4hlen eines CLI-Interpreters in PhpStorm<\/figcaption><\/figure>\n<p>Hier werden einige weitere Details zu deiner PHP-Version und deinem Interpreter angezeigt. Wenn du neben der Option &#8222;<strong>Konfigurationsdatei<\/strong>&#8220; auf die Ellipse &#8220; <strong>Weitere Elemente<\/strong> &#8220; klickst, siehst du die vollst\u00e4ndigen Pfade zu deiner <strong>php.ini<\/strong>-Datei:<\/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=\"Ein Teil des PhpStorm More Items-Bildschirms, der den Namen der Konfiguration, den Pfad zur ausf\u00fchrbaren PHP-Datei, die aktuelle PHP- und Debugger-Versionsnummer und eine Liste der Konfigurationsdateien f\u00fcr verschiedene Aspekte der PHP-Installation anzeigt.\" width=\"1000\" height=\"271\"><figcaption id=\"caption-attachment-133022\" class=\"wp-caption-text\">\u00c4ndern der PHP-Konfiguration in PhpStorm<\/figcaption><\/figure>\n<p>Du wirst als N\u00e4chstes mit dieser PHP-Datei arbeiten, um den Einrichtungsprozess fortzusetzen.<\/p>\n<h4>Arbeiten in der php.ini-Datei<\/h4>\n<p>Die erste Aufgabe besteht darin, alle Zeilen zu bearbeiten, die sich darauf auswirken, wie Xdebug mit PhpStorm funktioniert.<\/p>\n<p>Suche in der <strong>php.ini<\/strong>-Datei nach den folgenden Zeilen und entferne sie oder kommentiere sie aus:<\/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>Diese Zeilen sind nicht in allen F\u00e4llen vorhanden, also sei nicht beunruhigt, wenn du sie nicht siehst.<\/p>\n<p>Als N\u00e4chstes f\u00fcgst du die folgenden Zeilen in die Datei ein:<\/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>Es gibt ein paar Dinge, die du bei dieser Reihe von Code beachten solltest:<\/p>\n<ul>\n<li>M\u00f6glicherweise hast du bereits einen Abschnitt <code>[xdebug]<\/code>. In diesem Fall kannst du die erste Bezeichnung weglassen.<\/li>\n<li>Beim Eintrag <code>zend_extension<\/code> musst du m\u00f6glicherweise den vollst\u00e4ndigen Pfad von <strong>xdebug.so<\/strong> angeben, um eine Verbindung herzustellen.<\/li>\n<li>Auch wenn es wie ein Platzhalter aussieht, ist der Parameter <code>xdebug.client_port<\/code> so, wie du ihn in deinem Code setzen wirst.<\/li>\n<\/ul>\n<p>Wenn du sie hinzugef\u00fcgt hast, speichere und schlie\u00dfe die Datei und teste dann die PHP-Version von der Kommandozeile aus (mit <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=\"Der Big Sur Desktop-Hintergrund mit blauem, rotem und violettem Farbverlauf, der ein macOS Terminal-Fenster zeigt. Es zeigt den Befehl \"php -version\" zusammen mit der PHP-Versionsnummer, einem Copyright-Hinweis und den installierten Versionen (mit Versionsnummern) von Zend Engine, Xdebug und Zend OPcache.\" width=\"1000\" height=\"416\"><figcaption id=\"caption-attachment-133037\" class=\"wp-caption-text\">Testen der aktuellen Installationen f\u00fcr PHP und Xdebug mit dem macOS Terminal<\/figcaption><\/figure>\n<p>Wenn du eine funktionierende Version von Xdebug hast, wird sie als eine der PHP-Erweiterungen angezeigt. Du kannst auch <code>phpinfo();<\/code> zu einer neuen Datei hinzuf\u00fcgen und diese im Browser testen.<\/p>\n<p>Das ist so ziemlich alles, was du tun musst, damit Xdebug als Standard-Debugger in PhpStorm funktioniert. Der letzte Schritt vor der Verwendung von Xdebug ist die Installation einer Browser-Helfererweiterung.<\/p>\n<h4>Installation einer Browser-Helfer-Erweiterung<\/h4>\n<p>Die letzte wichtige Verbindung, die du herstellen musst, ist die zwischen deinem Browser und PhpStorm, indem du das Step-Debugging auf dem Server aktivierst. Du kannst dies zwar auch <a href=\"https:\/\/xdebug.org\/docs\/step_debug#starting\">\u00fcber die Kommandozeile<\/a> mit speziellen <code>GET<\/code> oder <code>POST<\/code> Werten tun, aber es ist einfacher, eine Erweiterung zu verwenden.<\/p>\n<p>Wir empfehlen, die spezielle Erweiterung Xdebug Helper zu verwenden. Du kannst sie im Browser deiner Wahl installieren:<\/p>\n<ul>\n<li><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/xdebug-helper\/eadndfjplgieldjbigjakmdgkmoaaaoc\">Xdebug Helper f\u00fcr 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-Helfer f\u00fcr Firefox<\/a><\/li>\n<\/ul>\n<p>Wenn du andere Erweiterungen ausprobieren m\u00f6chtest, findest du auf der <a href=\"https:\/\/www.jetbrains.com\/help\/phpstorm\/browser-debugging-extensions.html\">JetBrains-Website<\/a> ein paar zus\u00e4tzliche Optionen f\u00fcr die g\u00e4ngigsten Browser.<\/p>\n<p>Wenn du die Browsererweiterung deiner Wahl installiert hast, solltest du keine weiteren Konfigurationseinstellungen vornehmen m\u00fcssen. Von hier aus kannst du Xdebug mit PhpStorm verwenden.<\/p>\n<h3>Xdebug verwenden<\/h3>\n<p>Auch wenn wir hier PhpStorm verwenden, sind das Layout und die Benutzeroberfl\u00e4che der verschiedenen IDEs \u00e4hnlich \u2014 es gibt aber auch einige offensichtliche Unterschiede.<\/p>\n<p>Es gibt ein paar Konzepte, die das gesamte Debugging-Erlebnis ausmachen:<\/p>\n<ul>\n<li><strong>Breakpoints:<\/strong> Das sind die Punkte, an denen Xdebug anh\u00e4lt, damit du die Ausgabe \u00fcberpr\u00fcfen kannst. Du kannst so viele Haltepunkte setzen, wie du m\u00f6chtest.<\/li>\n<li><strong>Listening for connections:<\/strong> Du kannst diese Funktion ein- und ausschalten, aber die meisten Entwickler werden sie immer aktiviert lassen.<\/li>\n<li><strong>The debugging screen:<\/strong> Die meiste Zeit wirst du in der Debugging-Oberfl\u00e4che verbringen &#8211; hier arbeitest du mit den verschiedenen Codezeilen, Variablen und Parametern.<\/li>\n<\/ul>\n<p>Der erste Schritt besteht darin, das Listening zu aktivieren &#8211; ohne das kannst du nichts debuggen. Dazu klickst du in der Symbolleiste auf die Option <strong>Ausf\u00fchren &gt; Start Listening for PHP Debug Connections\u00a0<\/strong>:<\/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=\"Ein Teil der PhpStorm-Benutzeroberfl\u00e4che mit einem Baumverzeichnis auf der linken Seite und der Anwendungssymbolleiste. \" width=\"1000\" height=\"479\"><figcaption id=\"caption-attachment-133034\" class=\"wp-caption-text\">Das ge\u00f6ffnete Ausf\u00fchrungsmen\u00fc in PhpStorm<\/figcaption><\/figure>\n<p>Alternativ kannst du auch auf das &#8222;Telefon&#8220;-Symbol in der Symbolleiste von PhpStorm klicken:<\/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=\"Eine Nahaufnahme der PhpStorm-Symbolleiste, die Optionen f\u00fcr die aktuelle Run-Konfiguration, verschiedene Git-Optionen und das Telefonsymbol Start Listening for PHP Debug Connections (mit Tooltip) anzeigt.\" width=\"1000\" height=\"322\"><figcaption id=\"caption-attachment-133033\" class=\"wp-caption-text\">Mit dem Telefon-Symbol in der PhpStorm-Symbolleiste nach PHP-Debug-Verbindungen suchen.<\/figcaption><\/figure>\n<p>Mit jeder dieser Optionen wird das Abh\u00f6ren von Verbindungen gestartet.<\/p>\n<p>Von hier aus kannst du in den Gutters des Code-Editors Haltepunkte setzen. Ein roter Punkt zeigt einen Haltepunkt an, auf den du klicken kannst, um ihn zu aktivieren:<\/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=\"Eine Nahaufnahme der PhpStorm-Benutzeroberfl\u00e4che mit einem Baumverzeichnis auf der linken Seite und dem Codierfeld auf der rechten Seite. In den Rinnen des Editors befinden sich rote Punkte mit wei\u00dfen H\u00e4kchen in den Zeilen 45, 50 und 55. Das sind Haltepunkte f\u00fcr das Debugging.\" width=\"1000\" height=\"661\"><figcaption id=\"caption-attachment-133020\" class=\"wp-caption-text\">Haltepunkte im Gutter einer PhpStorm-Bearbeitungsseite<\/figcaption><\/figure>\n<p>Wenn du deinen Code debuggen willst, ist es am einfachsten, mit dem Abh\u00f6ren zu beginnen, Haltepunkte zu setzen und dann zu der entsprechenden Seite in deinem Browser zu gehen. Suche das Symbol f\u00fcr deine Erweiterung im Browser, klicke darauf und w\u00e4hle die Option &#8222;Debuggen&#8220;:<\/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=\"Der Mozilla Firefox-Browser mit dem gr\u00fcnen Hintergrund.\" width=\"1000\" height=\"317\"><figcaption id=\"caption-attachment-133035\" class=\"wp-caption-text\">Ausw\u00e4hlen der Option &#8222;Debug&#8220; in der Symbolleiste des Browsers mit einer speziellen Erweiterung<\/figcaption><\/figure>\n<p>Dadurch wird der Debugger in PhpStorm ge\u00f6ffnet und liefert entweder die gute oder die schlechte Nachricht:<\/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=\"Ein Teil des PhpStorm-Bildschirms, der ein ge\u00f6ffnetes Debugger-Panel zeigt. Auf der linken Seite werden verschiedene Haltepunkte mit Dateinamen, Zeilennummern und Funktionsverweisen angezeigt. Auf der rechten Seite werden die Werte der Variablen im gesamten Code zusammen mit den Wertetypen angezeigt.\" width=\"1000\" height=\"509\"><figcaption id=\"caption-attachment-133024\" class=\"wp-caption-text\">Verwendung des PhpStorm-Debuggers mit Xdebug<\/figcaption><\/figure>\n<p>Wenn du mit der rechten Maustaste auf die verschiedenen Werte, Attribute, Parameter und Variablen klickst, kannst du ein weiteres Kontextmen\u00fc aufrufen. So hast du viele zus\u00e4tzliche M\u00f6glichkeiten, um deinen Code zu testen und zu debuggen:<\/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=\"Ein Teil der PhpStorm Debugger-Oberfl\u00e4che mit einer Liste von Haltepunkten, Dateinamen, Zeilennummern und Funktionsreferenzen auf der linken Seite. Die rechte Seite zeigt einen markierten Wert innerhalb des Codes mit einem ge\u00f6ffneten Kontextmen\u00fc. Unter den Optionen befindet sich \"Wert setzen...\" - die M\u00f6glichkeit, Variablen neue Werte zuzuweisen und den Code zu debuggen.\" width=\"1000\" height=\"585\"><figcaption id=\"caption-attachment-133023\" class=\"wp-caption-text\">Mit dem Rechtsklick-Kontextmen\u00fc im PhpStorm Debugger kannst du neue Werte setzen<\/figcaption><\/figure>\n<p>Du k\u00f6nntest zum Beispiel verschiedene Werte f\u00fcr Variablen entlang des Pfades setzen. Das kann ein absichtlicher Versuch sein, deinen Code zu brechen und zu sehen, was passiert, oder es kann eine M\u00f6glichkeit sein, Code zu testen, der bereits eine Korrektur ben\u00f6tigt. In jedem Fall ist dies eine fantastische Methode, um deinen Code zu debuggen, ohne ihn vorher \u00e4ndern zu m\u00fcssen.<\/p>\n<h2>Wie Kinsta dir bei der Fehlersuche auf deiner WordPress-Website hilft<\/h2>\n<p>WordPress verf\u00fcgt \u00fcber eine <a href=\"https:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/wordpress-fehlerbehebung\/wordpress-debugging\/\" target=\"_blank\" rel=\"noopener noreferrer\">Reihe von Debugging-Optionen<\/a>, die du mit <code>WP_DEBUG<\/code> und anderen Tools <a href=\"https:\/\/kinsta.com\/de\/blog\/query-monitor\/\" target=\"_blank\" rel=\"noopener noreferrer\">wie Query Monitor<\/a> nutzen kannst. Damit kannst du einen Modus aktivieren, in dem du zuvor verborgene Fehlermeldungen auf deiner Website und im Dashboard sehen kannst. Von dort aus kannst du herausfinden, wo das Problem liegt.<\/p>\n<p>Du kannst diese Fehlermeldungen auch unter <code>WP_DEBUG_LOG<\/code> speichern, damit du die Probleme mit deiner Website dokumentieren kannst. Wie du das einrichtest, erf\u00e4hrst du in einem <a href=\"https:\/\/kinsta.com\/de\/blog\/debugging-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">anderen Blog-Artikel<\/a>. Die Einrichtung ist \u00fcber dein <a href=\"https:\/\/my.kinsta.com\/?lang=de\" target=\"_blank\" rel=\"noopener noreferrer\">MyKinsta-Dashboard<\/a> (und den Bildschirm <strong>Sites &gt; Tools<\/strong>) ein Kinderspiel:<\/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=\"Das MyKinsta-Dashboard mit der lila Seitenleiste auf der linken Seite und einem weiteren grauen Untermen\u00fc. Hier gibt es zwei Optionen zum Umschalten - ein Werkzeug zum Suchen und Ersetzen auf der rechten Seite und das WordPress-Debugging-Tool auf der linken Seite.\" width=\"1000\" height=\"220\"><figcaption id=\"caption-attachment-133029\" class=\"wp-caption-text\">Die WordPress-Debugging-Option im MyKinsta-Dashboard<\/figcaption><\/figure>\n<p>Wenn du dies mit dem <a href=\"https:\/\/kinsta.com\/de\/devkinsta\/funktionen\/\" target=\"_blank\" rel=\"noopener noreferrer\">kostenlosen DevKinsta-Tool f\u00fcr die lokale Umgebung<\/a> kombinierst, kannst du mit einem Klick <code>WP_DEBUG<\/code> f\u00fcr jede Seite, die du erstellst, <a href=\"https:\/\/kinsta.com\/docs\/devkinsta\/logging\/\" target=\"_blank\" rel=\"noopener noreferrer\">aktivieren und deaktivieren<\/a>:<\/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=\"Das DevKinsta-Dashboard f\u00fcr eine einzelne Website. Es zeigt die Datenbankeinstellungen, einschlie\u00dflich Host, Port, Name und Benutzeranmeldeinformationen. \" width=\"1000\" height=\"513\"><figcaption id=\"caption-attachment-133025\" class=\"wp-caption-text\">Aktivieren von WP_DEBUG im DevKinsta-Kontrollpanel<\/figcaption><\/figure>\n<p>So kannst du Fehler auf deiner Website w\u00e4hrend der Entwicklung abfangen und sicherstellen, dass sie nicht auf deine Live-Site \u00fcbertragen werden. Diese Modi lassen sich auch leicht deaktivieren \u2014 das ist wichtig f\u00fcr die Sicherheit von <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-sicherheits-plugin\/\" target=\"_blank\" rel=\"noopener noreferrer\">Website und Nutzern<\/a>.<\/p>\n<p>Alle Kinsta-Tarife enthalten au\u00dferdem das integrierte <a href=\"https:\/\/kinsta.com\/de\/apm-tool\/\">Kinsta APM-Tool<\/a>, unser speziell entwickeltes Tool zur Leistungs\u00fcberwachung von WordPress-Websites.<\/p>\n<p><kinsta-video src=\"https:\/\/kinsta.wistia.com\/medias\/p423c9k6ox\"><\/kinsta-video><\/p>\n<h2>Spickzettel f\u00fcr Befehle<\/h2>\n<p>Bevor wir diesen Beitrag abschlie\u00dfen, sollten wir noch die Shortcuts erw\u00e4hnen.<\/p>\n<p>Wie bei vielen anderen Programmen gibt es auch bei Xdebug (und PhpStorm) verschiedene M\u00f6glichkeiten, allein \u00fcber die Tastatur zu navigieren. Du kannst sogar die Kommandozeile verwenden, um PHP-Skripte zu debuggen.<\/p>\n<p>Wenn Xdebug einmal gestartet ist, kannst du die folgenden Befehle verwenden:<\/p>\n<div class=\"responsive-table\">\n<table>\n<thead>\n<tr>\n<th>Befehl<\/th>\n<th>Abk\u00fcrzung<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Bestimmt den zu \u00fcberwachenden Port (z. B. <code>[9003]<\/code>)<\/td>\n<td><code>-p [value]<\/code><\/td>\n<\/tr>\n<tr>\n<td>Setzt einen Haltepunkt in der angegebenen Zeile f\u00fcr den angegebenen Dateipfad.<\/td>\n<td><code>breakpoint_set -t line file:\/\/\/&lt;path&gt; -n &lt;line&gt;<\/code><\/td>\n<\/tr>\n<tr>\n<td>F\u00fchrt dein Skript bis zum Ende oder zum n\u00e4chsten Haltepunkt aus<\/td>\n<td><code>run<\/code><\/td>\n<\/tr>\n<tr>\n<td>Springt in die n\u00e4chste ausf\u00fchrbare Zeile<\/td>\n<td><code>step_into<\/code><\/td>\n<\/tr>\n<tr>\n<td>Listet Variablen und Werte im aktuellen Bereich auf<\/td>\n<td><code>context_get<\/code><\/td>\n<\/tr>\n<tr>\n<td>Zeigt den Wert der angegebenen Eigenschaft an<\/td>\n<td><code>property_get -n &lt;property&gt;<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>Auch wenn dein spezieller Code-Editor seine eigenen Tastenkombinationen hat, liegt der Fokus hier auf PhpStorm. Sieh dir die Tabelle mit den <a href=\"https:\/\/www.jetbrains.com\/help\/phpstorm\/mastering-keyboard-shortcuts.html#learn-shortcuts\">Tastaturk\u00fcrzeln<\/a> f\u00fcr die Verwendung von Xdebug mit PhpStorm an:<\/p>\n<div class=\"responsive-table\">\n<table>\n<thead>\n<tr>\n<th>Befehl<\/th>\n<th>Windows<\/th>\n<th>macOS<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Suchen Aktion<\/td>\n<td><strong>Strg<\/strong> + <strong>Umschalt<\/strong> + <strong>A<\/strong><\/td>\n<td><strong>Umschalt<\/strong> + <strong>Cmd<\/strong> + <strong>A<\/strong><\/td>\n<\/tr>\n<tr>\n<td>Den Debugger \u00f6ffnen<\/td>\n<td><strong>Umschalt<\/strong> + <strong>F9<\/strong><\/td>\n<td><strong>Strg<\/strong> + <strong>D<\/strong><\/td>\n<\/tr>\n<tr>\n<td>Haltepunkt umschalten<\/td>\n<td><strong>Steuerung<\/strong> + <strong>F8<\/strong><\/td>\n<td><strong>Cmd<\/strong> + <strong>F8<\/strong><\/td>\n<\/tr>\n<tr>\n<td>Schritt in<\/td>\n<td><strong>F7<\/strong><\/td>\n<td><strong>F7<\/strong><\/td>\n<\/tr>\n<tr>\n<td>Schritt \u00fcber<\/td>\n<td><strong>F8<\/strong><\/td>\n<td><strong>F8<\/strong><\/td>\n<\/tr>\n<tr>\n<td>Haltepunkte anzeigen<\/td>\n<td><strong>Strg<\/strong> + <strong>Umschalt<\/strong> + <strong>F8<\/strong><\/td>\n<td><strong>Umschalt<\/strong> + <strong>Cmd<\/strong> + <strong>F8<\/strong><\/td>\n<\/tr>\n<tr>\n<td>Das Programm fortsetzen<\/td>\n<td><strong>F9<\/strong><\/td>\n<td><strong>F9<\/strong><\/td>\n<\/tr>\n<tr>\n<td>Den aktuellen Ausdruck auswerten<\/td>\n<td><strong>Alt<\/strong> + <strong>F8<\/strong><\/td>\n<td><strong>Option<\/strong> + <strong>F8<\/strong><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>Zum Gl\u00fcck gibt es hier nicht viel zu merken. Du musst den Debugger \u00f6ffnen, Haltepunkte pro Zeile setzen, auf Verbindungen warten und deine Skripte ausf\u00fchren.<\/p>\n<p>Wenn du jedoch eine Abk\u00fcrzung f\u00fcr eine bestimmte Aufgabe brauchst, kannst du den Befehl PhpStorm <strong>Find Action<\/strong> verwenden:<\/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=\"Die PhpStorm-Benutzeroberfl\u00e4che mit der Anzeige der Suchaktion. Es gibt verschiedene Suchfilter f\u00fcr \"Alle\", \"Klassen\", \"Dateien\", \"Symbole\", \"Aktionen\" und \"Git\". Der Suchbegriff ist \" width=\"1000\" height=\"470\"><figcaption id=\"caption-attachment-133026\" class=\"wp-caption-text\">Das Men\u00fc &#8222;Find Action&#8220; in PhpStorm<\/figcaption><\/figure>\n<p>Sobald du anf\u00e4ngst, in dieses Feld zu tippen, wird dir eine dynamische Liste mit Befehlen und zugeh\u00f6rigen Abk\u00fcrzungen angezeigt. Du kannst auch eine PDF-Version aller Tastaturk\u00fcrzel \u00fcber das Men\u00fc <strong>Hilfe &gt; Tastaturk\u00fcrzel PDF<\/strong> finden.<\/p>\n<p>Wenn du die Tastenkombinationen in Echtzeit sehen willst, w\u00e4hrend du mit der Maus arbeitest, bietet JetBrains das Plugin <a href=\"https:\/\/plugins.jetbrains.com\/plugin\/9792-key-promoter-x\">Key Promoter X<\/a> an:<\/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:\/\/kinsta.com\/wp-content\/uploads\/2022\/09\/key-promoter-x.png\" alt=\"Ein PhpStorm-Oberfl\u00e4chenfenster, das eine Reihe von Optionen zum Suchen von Dateien und Projekten sowie die entsprechenden Verkn\u00fcpfungen anzeigt. \" width=\"1000\" height=\"463\"><figcaption id=\"caption-attachment-133028\" class=\"wp-caption-text\">Die PhpStorm-Oberfl\u00e4che zeigt Key Promoter X-Benachrichtigungen an<\/figcaption><\/figure>\n<p>Dieses praktische Tool zeigt dir Benachrichtigungen \u00fcber deine zuletzt ausgef\u00fchrte Aktion und die dazugeh\u00f6rige Tastenkombination an. Sobald du die Tastenkombinationen gelernt hast, kannst du dieses Plugin ausschalten und den wertvollen Platz auf deinem Bildschirm wieder nutzen.<\/p>\n\n<h2>Zusammenfassung<\/h2>\n<p>Das Debugging hat sich seit seinen bescheidenen Anf\u00e4ngen stark weiterentwickelt und umfasst heute ein viel breiteres Spektrum, als es sich seine Vorg\u00e4nger je h\u00e4tten vorstellen k\u00f6nnen. Um deinen PHP-Code gr\u00fcndlich zu fixen, brauchst du ein kompetentes Tool. Es gibt viele hervorragende Erweiterungen und Tools zur Auswahl, aber <a href=\"https:\/\/xdebug.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Xdebug<\/a> ist zweifellos der Spitzenreiter.<\/p>\n<p>Wie wir gesehen haben, passt sich Xdebug selbst den vielseitigsten Anspr\u00fcchen an Code-Editoren an und ist besonders gut in Kombination mit <a href=\"https:\/\/www.jetbrains.com\/phpstorm\/\" target=\"_blank\" rel=\"noopener noreferrer\">PhpStorm<\/a>. Unabh\u00e4ngig davon, wie du dich entscheidest, wird es oft eine Version von Xdebug geben, die deinen Bed\u00fcrfnissen entspricht. Insgesamt ist es ein leistungsstarkes, flexibles und intuitives Tool.<\/p>\n<p>Findest du, dass Xdebug sein hohes Lob verdient, oder gibt es ein anderes Debugging-Tool, das du bevorzugst? Lass es uns in den Kommentaren unten wissen!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wie jeder Entwickler best\u00e4tigen kann, ist der Code nach dem ersten Entwurf nie fertig f\u00fcr den Einsatz. Ein wichtiger Teil des Entwicklungsprozesses ist das Debugging \u2014 &#8230;<\/p>\n","protected":false},"author":117,"featured_media":54843,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[371,276,28,29,859],"topic":[991],"class_list":["post-54842","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-debugging","tag-web-development","tag-webdev","tag-wordpress","tag-xdebug","topic-web-entwicklungs-tools"],"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>Wie Xdebug dir helfen kann, ein besserer WordPress-Entwickler zu werden<\/title>\n<meta name=\"description\" content=\"Das Debugging ist ein wesentlicher Bestandteil der Webentwicklung. Dieser Beitrag zeigt, wie man Xdebug verwendet. Wir schauen uns auch an, wie man PhpStorm mit Xdebug integriert.\" \/>\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\/de\/blog\/xdebug\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wie Xdebug dir helfen kann, ein besserer WordPress-Entwickler zu werden\" \/>\n<meta property=\"og:description\" content=\"Das Debugging ist ein wesentlicher Bestandteil der Webentwicklung. Dieser Beitrag zeigt, wie man Xdebug verwendet. Wir schauen uns auch an, wie man PhpStorm mit Xdebug integriert.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/xdebug\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-13T06:56:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-17T12:58:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/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=\"Das Debugging ist ein wesentlicher Bestandteil der Webentwicklung. Dieser Beitrag zeigt, wie man Xdebug verwendet. Wir schauen uns auch an, wie man PhpStorm mit Xdebug integriert.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/10\/xdebug.png\" \/>\n<meta name=\"twitter:creator\" content=\"@salmanravoof\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Salman Ravoof\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"19\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/xdebug\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/xdebug\/\"},\"author\":{\"name\":\"Salman Ravoof\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987\"},\"headline\":\"Wie Xdebug dir helfen kann, ein besserer WordPress-Entwickler zu werden\",\"datePublished\":\"2022-10-13T06:56:43+00:00\",\"dateModified\":\"2024-09-17T12:58:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/xdebug\/\"},\"wordCount\":3562,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/xdebug\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/10\/xdebug.png\",\"keywords\":[\"debugging\",\"web development\",\"webdev\",\"WordPress\",\"xdebug\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/xdebug\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/xdebug\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/xdebug\/\",\"name\":\"Wie Xdebug dir helfen kann, ein besserer WordPress-Entwickler zu werden\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/xdebug\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/xdebug\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/10\/xdebug.png\",\"datePublished\":\"2022-10-13T06:56:43+00:00\",\"dateModified\":\"2024-09-17T12:58:43+00:00\",\"description\":\"Das Debugging ist ein wesentlicher Bestandteil der Webentwicklung. Dieser Beitrag zeigt, wie man Xdebug verwendet. Wir schauen uns auch an, wie man PhpStorm mit Xdebug integriert.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/xdebug\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/xdebug\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/xdebug\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/10\/xdebug.png\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/10\/xdebug.png\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/xdebug\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webentwicklungs-Tools\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/web-entwicklungs-tools\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Wie Xdebug dir helfen kann, ein besserer WordPress-Entwickler zu werden\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/de\/#website\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\",\"https:\/\/x.com\/Kinsta_DE\",\"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\/de\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987\",\"name\":\"Salman Ravoof\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/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\/de\/blog\/author\/salmanravoof\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Wie Xdebug dir helfen kann, ein besserer WordPress-Entwickler zu werden","description":"Das Debugging ist ein wesentlicher Bestandteil der Webentwicklung. Dieser Beitrag zeigt, wie man Xdebug verwendet. Wir schauen uns auch an, wie man PhpStorm mit Xdebug integriert.","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\/de\/blog\/xdebug\/","og_locale":"de_DE","og_type":"article","og_title":"Wie Xdebug dir helfen kann, ein besserer WordPress-Entwickler zu werden","og_description":"Das Debugging ist ein wesentlicher Bestandteil der Webentwicklung. Dieser Beitrag zeigt, wie man Xdebug verwendet. Wir schauen uns auch an, wie man PhpStorm mit Xdebug integriert.","og_url":"https:\/\/kinsta.com\/de\/blog\/xdebug\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2022-10-13T06:56:43+00:00","article_modified_time":"2024-09-17T12:58:43+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/10\/xdebug.png","type":"image\/png"}],"author":"Salman Ravoof","twitter_card":"summary_large_image","twitter_description":"Das Debugging ist ein wesentlicher Bestandteil der Webentwicklung. Dieser Beitrag zeigt, wie man Xdebug verwendet. Wir schauen uns auch an, wie man PhpStorm mit Xdebug integriert.","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/10\/xdebug.png","twitter_creator":"@salmanravoof","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Salman Ravoof","Gesch\u00e4tzte Lesezeit":"19\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/xdebug\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/xdebug\/"},"author":{"name":"Salman Ravoof","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987"},"headline":"Wie Xdebug dir helfen kann, ein besserer WordPress-Entwickler zu werden","datePublished":"2022-10-13T06:56:43+00:00","dateModified":"2024-09-17T12:58:43+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/xdebug\/"},"wordCount":3562,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/xdebug\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/10\/xdebug.png","keywords":["debugging","web development","webdev","WordPress","xdebug"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/xdebug\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/xdebug\/","url":"https:\/\/kinsta.com\/de\/blog\/xdebug\/","name":"Wie Xdebug dir helfen kann, ein besserer WordPress-Entwickler zu werden","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/xdebug\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/xdebug\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/10\/xdebug.png","datePublished":"2022-10-13T06:56:43+00:00","dateModified":"2024-09-17T12:58:43+00:00","description":"Das Debugging ist ein wesentlicher Bestandteil der Webentwicklung. Dieser Beitrag zeigt, wie man Xdebug verwendet. Wir schauen uns auch an, wie man PhpStorm mit Xdebug integriert.","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/xdebug\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/xdebug\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/xdebug\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/10\/xdebug.png","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2022\/10\/xdebug.png","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/xdebug\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"Webentwicklungs-Tools","item":"https:\/\/kinsta.com\/de\/thema\/web-entwicklungs-tools\/"},{"@type":"ListItem","position":3,"name":"Wie Xdebug dir helfen kann, ein besserer WordPress-Entwickler zu werden"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/de\/#website","url":"https:\/\/kinsta.com\/de\/","name":"Kinsta\u00ae","description":"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen","publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/de\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","https:\/\/x.com\/Kinsta_DE","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\/de\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987","name":"Salman Ravoof","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/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\/de\/blog\/author\/salmanravoof\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/54842","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/users\/117"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/comments?post=54842"}],"version-history":[{"count":11,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/54842\/revisions"}],"predecessor-version":[{"id":71263,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/54842\/revisions\/71263"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/54842\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/54842\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/54842\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/54842\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/54842\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/54842\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/54842\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/54842\/translations\/es"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/54842\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/54842\/translations\/dk"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/54842\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/54843"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=54842"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=54842"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=54842"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}