✅ WEB- und WordPress-Nachrichten, Themen, Plugins. Hier teilen wir Tipps und beste Website-Lösungen.

Native WordPress-Debugging-Tools, die keine IDE benötigen

21

Wenn Sie gerade der Mitgliedschaft auf der Website beigetreten sind und Inhalte speziell für The Independent WordPress Developer verfolgen, empfehle ich, zumindest den vorherigen Beitrag zu lesen, um sich auf Inhalte in diesem Beitrag vorzubereiten.

Wenn Sie jedoch den vorherigen Artikel nachholen möchten, finden Sie hier eine kurze Liste mit allem, was bisher geschrieben wurde:

  1. Lokale Entwicklung für den Indie-WordPress-Entwickler
  2. Datenbanken und Tools für den Indie-WordPress-Entwickler
  3. Installieren von WordPress für die lokale Entwicklung

Während wir uns darauf vorbereiten, über fortgeschrittenere Themen wie Debugging und IDEs zu sprechen, ist es zunächst erwähnenswert, welche Tools wir zur Verfügung haben, die wir in WordPress installieren können und die uns beim Debuggen von Problemen während der Entwicklung helfen.

Native WordPress-Debugging-Tools, die keine IDE benötigen

Darüber hinaus beziehen sich diese Probleme nicht ausschließlich auf PHP-Probleme. Dazu gehören auch JavaScript-Probleme. Und um noch einen Schritt weiter zu gehen, gibt es Möglichkeiten, WordPress nativ so zu konfigurieren, dass es Fehler direkt an unseren Browser ausgibt.

Bevor wir uns also Fehlerprotokolle, IDEs, Xdebug usw. ansehen, werfen wir einen Blick darauf, was wir in WordPress selbst tun können.

Native WordPress-Debugging-Tools

Die nativen WordPress-Debugging-Tools sind eine Kombination aus zwei Dingen:

  1. die Optionen, die wir in der WordPress-Konfigurationsdatei festlegen können, die es uns ermöglichen, auf den Bildschirm geschriebene Informationen anzuzeigen,
  2. mehrere Plugins, die uns helfen, mit PHP- und JavaScript-Dateien aus dem WordPress-Administrationsbereich zu arbeiten

Für den zweiten Punkt oben möchte ich klarstellen, dass es viele verfügbare Plugins für so etwas gibt; Allerdings möchte ich die Installation so schlank wie möglich halten, damit wir nicht mit zu vielen Informationen überschwemmt werden.

Stattdessen möchte ich, dass wir die Informationen haben, die wir brauchen, um unsere Arbeit zu testen und zu bewerten, aber dass wir nur das haben, was wir brauchen. Zumindest für jetzt. Vielleicht sprechen wir in zukünftigen Beiträgen über fortgeschrittene Themen.

Lassen Sie uns damit beginnen.

WordPress-Konfiguration

Bevor Sie sich Gedanken über die Konfiguration machen, bietet WordPress selbst einige verschiedene Optionen, die wir in der wp-config.phpDatei konfigurieren können. Diese sind im Codex gut dokumentiert, aber ich weiß aus Erfahrung mit E-Mails anderer, dass es etwas schwierig sein kann, die Informationen zu sichten.

Zunächst ist es wichtig, Folgendes zu beachten (wie aus dem WordPress-Codex zitiert):

[WP_DEBUG]( https://codex.wordpress.org/WP_DEBUG „WP DEBUG“) ist eine PHP-Konstante (eine permanente globale Variable), die verwendet werden kann, um den „Debug“-Modus in WordPress auszulösen. Es wird standardmäßig angenommen, dass es falsch ist und wird normalerweise in der Datei wp-config.php auf Entwicklungskopien von WordPress auf wahr gesetzt.

Dies setzt voraus, dass Sie PHP-Konstanten verstehen. Wenn nicht, lesen Sie das Handbuch hier (es ist ziemlich einfach). Die Kurzform lautet wie folgt:

Eine Konstante ist ein Bezeichner (Name) für einen einfachen Wert.

Also werde ich tun, was ich kann, um die Konfigurationsoptionen so gut wie möglich zu destillieren.

Zuerst sollten wp-config.phpSie in der Datei die Zeile ändern, die lautet:

<?php
define( 'WP_DEBUG', false );

Dazu :

<?php
define( 'WP_DEBUG', true );

Das ist aber noch nicht alles. Es gibt noch ein paar Dinge hinzuzufügen, die das Debugging-Erlebnis verbessern:

<?php
define( 'WP_DEBUG', true );
define( 'WP_DEBUG_LOG', true );
define( 'WP_DEBUG_DISPLAY', true );
@ini_set( 'display_errors', 1 );
define( 'SCRIPT_DEBUG', true );
define( 'SAVEQUERIES', true );

Wenn Sie in Aber was bedeutet jede Zeile? Hier ist die knappste Erklärung, die ich jetzt geben kann:

  • WP_DEBUG. Dadurch werden alle Fehler und Warnungen angezeigt, die von PHP ausgegeben werden, wenn WordPress ausgeführt wird. Das Ausführen der Anwendung selbst sollte keine Probleme zeigen; Es kann jedoch je nach Qualität des Plugins eine andere Geschichte sein, es zusammen mit verschiedenen Plugins auszuführen.
  • WP_DEBUG_LOG. Dies ist eine meiner Lieblingskonstanten und schreibt die gesamte Ausgabe detailliert in das Protokoll. Ich werde dies in einem der nächsten Beiträge behandeln, aber im Moment sollten Sie wissen, dass dies meiner Meinung nach immer in Ihrer Entwicklungsumgebung festgelegt werden sollte.
  • WP_DEBUG_DISPLAY. Dies ist eine, die Sie auf wahr oder falsch setzen können (obwohl ich wahr bevorzuge). Es ergänzt die vorherige Einstellung, indem es Ihnen ermöglicht, die Nachrichten im Browser zu sehen, die auch in den Blog geschrieben werden. Ich weiß nicht, ob dies etwas ist, das Sie als vorteilhaft empfinden oder nicht. Wenn Sie nicht bereit sind, Stack-Traces und detailliertere Informationen durchzugehen, sollten Sie in Betracht ziehen, diese Option auf „true“ zu setzen.
  • display_errors. Der Codex erwähnt, dass Sie dies auf „false“ setzen können, aber ich denke, es sollte auf „true“ gesetzt werden, um die Fehler und Warnungen zu aktivieren.
  • SCRIPT_DEBUG. Der WordPress-Kern verwendet minimierte Versionen von CSS- und JavaScript-Dateien. Wenn Sie diese Einstellung deaktivieren, können Sie den gesamten Inhalt der Dateien in der ursprünglichen Form anzeigen. Dies ist besonders nützlich, wenn Sie zu Core beitragen oder an JavaScript arbeiten, das in Core enthalten ist.
  • SPEICHERABFRAGEN. Dies ist meiner Meinung nach eine etwas fortgeschrittenere Einstellung. Kurz gesagt, es nimmt alle Abfragen, die für die Datenbank ausgeführt werden, und speichert sie in einem PHP-Array, das Sie später analysieren können. Es

Nun, da wir die WordPress-Konfiguration behandelt haben, was ist mit Plugins?

Plugins zum Debuggen

Wenn ich sage, dass das Repository dafür voll von Plugins ist, meine ich das ernst. In der Tat, wenn Sie neu in der WordPress-Entwicklung sind, würde ich nicht empfehlen, nach Dingen zu suchen, die installiert werden können.

Es kann schnell überwältigend werden, Sie laufen Gefahr, nicht zu verstehen, was einige von ihnen tun, und Sie möglicherweise auf einen Pfad zu führen, auf dem Sie Ihre Installation beschädigen.

Anstatt das zu tun, empfehle ich, einen Blick auf die folgenden Plugins zu werfen (natürlich zuerst ihre Beschreibung zu lesen) und dann von dort aus weiterzumachen:

  1. Debug-Leiste. Dieses Plugin allein fügt der Admin-Leiste ein Menü hinzu, mit dem Sie die Abfrage, den Cache und andere Informationen sehen können. Es erfordert, dass WP_DEBUG und SAVEQUERIES wie oben beschrieben aktiviert sind.
  2. Debug Bar List Script & Style-Abhängigkeiten. Dies ist ein Add-On zum obigen Plugin, mit dem Sie weitere JavaScript- und CSS-Stile debuggen können, die im Kontext von WordPress ausgeführt werden.
  3. Konsole der Debug-Leiste. Dieses Plugin ist eines, das Sie mit Vorsicht verwenden sollten. Zumindest erlaubt es Ihnen, PHP und MySQL aus WordPress selbst auszuführen. Ich empfehle dieses Plugin nicht, es sei denn, Sie sind mit einer der beiden Sprachen sehr vertraut. Dennoch, wenn Sie es sind, ist dies etwas, das für das Prototyping einer Funktion oder einer Abfrage hilfreich sein kann, bevor Sie es in Ihr Plugin einbauen.

Untersuchen von Fehlerprotokollen

Im nächsten Beitrag beginnen wir mit der Untersuchung dessen, was notwendig ist, um das von WordPress generierte Fehlerprotokoll zu untersuchen und wie die angezeigten Informationen zu verstehen sind.

Native WordPress-Debugging-Tools, die keine IDE benötigen

Darüber hinaus werden wir untersuchen, was für die Verwendung der in diesem Beitrag beschriebenen Plugins erforderlich ist. Danach werden wir zu noch fortschrittlicheren Werkzeugen übergehen.

Aber ein Schritt nach dem anderen, oder?

Konfigurieren Sie jedoch zunächst Ihre Installation wie oben beschrieben, installieren Sie die verknüpften Plugins und tun Sie dann, was Sie können, um zu untersuchen, wie sie funktionieren, was Sie möglicherweise auf dem Bildschirm sehen und wie sich dies auf Ihre Entwicklung auswirken und positiv davon profitieren kann.

Ja, es kann eine gewisse Lernkurve geben. Aber deshalb lassen wir es langsam angehen. Es gibt viel zu lernen, und wir haben viel Zeit, um alle notwendigen Grundlagen zu schaffen.

Aufnahmequelle: tommcfarlin.com

Diese Website verwendet Cookies, um Ihre Erfahrung zu verbessern. Wir gehen davon aus, dass Sie damit einverstanden sind, Sie können sich jedoch abmelden, wenn Sie möchten. Annehmen Weiterlesen