Browser Console
L'utilisation de la console du navigateur pour imprimer des informations sur le programme est une partie intégrante du processus de développement. La classe utilitaire BrowserConsole fournit des fonctionnalités qui améliorent les capacités de journalisation grâce à des types de journaux et du style.
Instance
Obtenez une instance de BrowserConsole en utilisant la méthode App.console(). Imprimez n'importe quel Object souhaité comme l'un des cinq types de journal : log, info, warn, error, ou debug.
import static com.webforj.App.console;
// Types
console().log("Message de log");
console().info("Message d'information");
console().warn("Message d'avertissement");
console().error("Message d'erreur");
console().debug("Message de débogage");
Styling
Utilisez les méthodes de construction pour définir l'apparence du message de journal. Chaque constructeur a des options pour changer une propriété spécifique. Il est également possible de mélanger plusieurs styles. Une fois qu'un message de console est imprimé, tout style appliqué ne se reporte pas aux messages suivants, sauf s'il est explicitement redéfini.
Utilisez la méthode setStyle pour changer les propriétés du journal BrowserConsole qui ne sont pas spécifiées par les constructeurs.
Background color
Définissez la couleur de fond avec la méthode background(), qui renvoie le BackgroundColorBuilder. Utilisez des méthodes nommées par couleur, comme blue(), ou choisissez une valeur spécifique avec colored(String color).
// Exemples de fond
console().background().blue().log("Fond bleu");
console().background().colored("#031f8f").log("Fond bleu personnalisé");
Text color
Définissez la couleur du texte avec la méthode color(), qui renvoie le ColorBuilder. Utilisez des méthodes nommées par couleur, comme red(), ou choisissez une valeur spécifique avec colored(String color).
// Exemples de couleur
console().background().red().log("Texte rouge");
console().color().colored("#becad2").log("Texte gris-bleu clair personnalisé");
Font size
Définissez la taille de police avec la méthode size(), qui renvoie le FontSizeBuilder. Utilisez des méthodes nommées par taille, comme small(), ou choisissez une valeur spécifique avec from(String value).
// Exemples de taille
console().size().small().log("Petite police");
console().size().from("30px").log("Police de 30px");
La méthode from(String value) peut prendre d'autres valeurs de taille de police, telles que rem et vw.
Font style
Définissez le style de police avec la méthode style(), qui renvoie le FontStyleBuilder. Par exemple, utilisez la méthode italic() pour rendre le journal console en italique.
// Exemples de style
console().style().italic().log("Police italique");
console().style().normal().log("Police normale");
Text transformation
Contrôlez la capitalisation des caractères dans un message avec la méthode transform(), qui renvoie le TextTransformBuilder. Par exemple, utilisez la méthode capitalize() pour transformer la première lettre de chaque mot en majuscule.
// Exemples de transformation
// Transformation de Texte en Majuscule
console().transform().capitalize().log("Transformation de texte en majuscule");
// TRANSFORMATION DE TEXTE EN MAJUSCULE
console().transform().uppercase().log("Transformation de texte en MAJUSCULE");
Font weight
Définissez l'épaisseur du texte avec la méthode weight(), qui renvoie le FontWeightBuilder. Par exemple, utilisez la méthode ligther() pour rendre la police plus légère que la normale.
// Exemples de poids
console().weight().bold().log("Police en gras");
console().weight().lighter().log("Police plus légère");
Mixing styles
Il est possible de mélanger et d'associer des méthodes pour un affichage de journalisation personnalisé.
// Une variété d'options pour un affichage de journalisation personnalisé
console()
.weight().bolder()
.size().larger()
.color().gray()
.style().italic()
.transform().uppercase()
.background().blue()
.warn("Mélange des styles");