Browser Console

In ChatGPT öffnen

24.10

Java API

Die Verwendung der Konsole des Browsers zum Drucken von Programminformationen ist ein integraler Bestandteil des Entwicklungsprozesses. Die BrowserConsole-Hilfsklasse bietet Funktionen, die die Protokollierungsfähigkeiten durch Protokoltypen und Styling 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 Protokoltypen: log, info, warn, error oder debug.

import static com.webforj.App.console;
// Typen
console().log("Protokollnachricht");
console().info("Infomeldung");
console().warn("Warnmeldung");
console().error("Fehlermeldung");
console().debug("Debugnachricht");

Styling

Verwenden Sie die Builder-Methoden, um das Erscheinungsbild der Protokollnachricht festzulegen. Jeder Builder hat Optionen, um eine bestimmte Eigenschaft zu ändern. Es ist auch möglich, mehrere Stile zu mischen. Sobald eine Konsolenmeldung ausgegeben wird, werden alle angewendeten Stile nicht auf nachfolgende Nachrichten übertragen, es sei denn, sie werden ausdrücklich 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 Buildern festgelegt wurden.

Hintergrundfarbe

Stellen Sie die Hintergrundfarbe mit der Methode background() ein, 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).

// Beispiele für den Hintergrund
console().background().blue().log("Blauer Hintergrund");
console().background().colored("#031f8f").log("Benutzerdefinierter blauer Hintergrund");

Textfarbe

Stellen Sie die Textfarbe mit der Methode color() ein, 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).

// Beispiele für Farben
console().background().red().log("Roter Text");
console().color().colored("#becad2").log("Benutzerdefinierter hellbläulicher grauer Text");

Schriftgröße

Stellen Sie die Schriftgröße mit der Methode size() ein, 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).

// Beispiele für Größen
console().size().small().log("Kleine Schrift");
console().size().from("30px").log("30px Schrift");

Tipp

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

Schriftstil

Stellen Sie den Schriftstil mit der Methode style() ein, die den FontStyleBuilder zurückgibt. Verwenden Sie beispielsweise die Methode italic(), um die Protokollausgabe kursiv zu machen.

// Beispiele für Stile
console().style().italic().log("Kursivschrift");
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 umzuwandeln.

// Beispiele für Transformation
// Texttransformation in Großbuchstaben
console().transform().capitalize().log("Texttransformation in Großbuchstaben");
// GROSSBUCHSTABENTEXTTRANSFORMATION 
console().transform().uppercase().log("Texttransformation in Großbuchstaben");

Schriftgewicht

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

// Beispiele für Gewicht
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 Protokollaussicht.

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