Browser Console

In ChatGPT öffnen

24.10

Java API

Die Verwendung der Konsole des Browsers zum Drucken von Programminformationen ist ein wesentlicher Bestandteil des Entwicklungsprozesses. Die BrowserConsole Hilfsklasse bietet Funktionen, die die Protokollierungsfähigkeiten durch Protokolltypen und Stile verbessern.

Instanz

Holen Sie sich eine Instanz von BrowserConsole mit der Methode App.console(). Drucken Sie jedes gewünschte Object als einen der fünf Protokolltypen: log, info, warn, error oder debug.

import static com.webforj.App.console;
// Typen
console().log("Protokollnachricht");
console().info("Informationsnachricht");
console().warn("Warnnachricht");
console().error("Fehlermeldung");
console().debug("Debug-Nachricht");

Stil

Verwenden Sie die Builder-Methoden, um das Aussehen der Protokollnachricht festzulegen. Jeder Builder hat Optionen zur Änderung eines bestimmten Attributs. Es ist auch möglich, mehrere Stile zu mischen. Sobald eine Konsolenmeldung gedruckt wird, werden alle angewendeten Stile nicht auf nachfolgende Nachrichten übertragen, es sei denn, sie werden explizit neu definiert.

• background()
• color()
• size()
• style()
• transform()
• weight()

Tipp

Verwenden Sie die Methode setStyle, um die Eigenschaften des BrowserConsole-Protokolls zu ändern, die nicht von den Build-Methoden angegeben sind.

Hintergrundfarbe

Setzen Sie die Hintergrundfarbe mit der Methode background(), die den BackgroundColorBuilder zurückgibt. Verwenden Sie Methoden, die nach Farben benannt sind, wie blue(), oder wählen Sie einen bestimmten Wert mit colored(String color).

// Hintergrundbeispiele
console().background().blue().log("Blauer Hintergrund");
console().background().colored("#031f8f").log("Benutzerdefinierter blauer Hintergrund");

Textfarbe

Setzen Sie die Textfarbe mit der Methode color(), die den ColorBuilder zurückgibt. Verwenden Sie Methoden, die nach Farben benannt sind, wie red(), oder wählen Sie einen bestimmten Wert mit colored(String color).

// Farbbeispiele
console().background().red().log("Roter Text");
console().color().colored("#becad2").log("Benutzerdefinierter hellbläulich-grauer Text");

Schriftgröße

Setzen Sie die Schriftgröße mit der Methode size(), die den FontSizeBuilder zurückgibt. Verwenden Sie Methoden, die nach einer Größe benannt sind, wie small(), oder wählen Sie einen bestimmten Wert mit from(String value).

// Größenbeispiele
console().size().small().log("Kleine Schrift");
console().size().from("30px").log("30px Schrift");

Tipp

Die Methode from(String value) kann auch andere Schriftgrößenwerte akzeptieren, wie rem und vw.

Schriftstil

Setzen Sie den Schriftstil mit der Methode style(), die den FontStyleBuilder zurückgibt. Zum Beispiel können Sie die Methode italic() verwenden, um das Konsolenprotokoll kursiv zu gestalten.

// Stilbeispiele
console().style().italic().log("Kursive Schrift");
console().style().normal().log("Normale Schrift");

Texttransformation

Steuern Sie die Großschreibung der Zeichen in einer Nachricht mit der Methode transform(), die den TextTransformBuilder zurückgibt. Verwenden Sie beispielsweise die Methode capitalize(), um den ersten Buchstaben jedes Wortes in Großbuchstaben zu verwandeln.

// Transformationsbeispiele
// Textveränderung Großschreibung
console().transform().capitalize().log("Textveränderung Großschreibung");
// TEXTVERÄNDERUNG GROSSSCHRIFT 
console().transform().uppercase().log("Textveränderung Großschrift");

Schriftgewicht

Stellen Sie ein, wie dick der Text ist, mit der Methode weight(), die den FontWeightBuilder zurückgibt. Verwenden Sie beispielsweise die Methode lighter(), um die Schrift leichter als normal zu machen.

// Gewichtbeispiele
console().weight().bold().log("Fette Schrift");
console().weight().lighter().log("Leichtere Schrift");

Stile mischen

Es ist möglich, Methoden zu mischen und anzupassen für eine benutzerdefinierte Protokollanzeige.

// Eine Vielzahl von Optionen für die benutzerdefinierte Protokollanzeige
console()
  .weight().bolder()
  .size().larger()
  .color().gray()
  .style().italic()
  .transform().uppercase()
  .background().blue()
  .warn("Stile mischen");