Browser Console

Openen in ChatGPT

24.10

Java API

Het gebruik van de console van de browser om programmainformatie af te drukken is een integraal onderdeel van het ontwikkelingsproces. De BrowserConsole utility-klasse biedt functies die de loggingcapaciteiten verbeteren via logtypes en styling.

Instance

Krijg een instantie van BrowserConsole met behulp van de App.console() methode. Druk elk gewenst Object af als een van de vijf logtypes: log, info, warn, error of debug.

import static com.webforj.App.console;
// Types
console().log("Logbericht");
console().info("Infobericht");
console().warn("Waarschuwing bericht");
console().error("Foutbericht");
console().debug("Debugbericht");

Styling

Gebruik de builder-methoden om het uiterlijk van het logbericht in te stellen. Elke builder heeft opties om een specifieke eigenschap te wijzigen. Het is ook mogelijk om meerdere stijlen te mixen. Zodra een consolebericht is afgedrukt, worden aangebrachte stylingtoepassingen niet overgedragen naar volgende berichten, tenzij expliciet opnieuw gedefinieerd.

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

tip

Gebruik de setStyle methode om de eigenschappen van het BrowserConsole log te wijzigen die niet zijn gespecificeerd door de builders.

Achtergrondkleur

Stel de achtergrondkleur in met de background() methode, die de BackgroundColorBuilder retourneert. Gebruik methoden die zijn genoemd naar kleur, zoals blue(), of kies een specifieke waarde met colored(String color).

// Achtergrond Voorbeelden
console().background().blue().log("Blauwe achtergrond");
console().background().colored("#031f8f").log("Aangepaste blauwe achtergrond");

Tekstkleur

Stel de tekstkleur in met de color() methode, die de ColorBuilder retourneert. Gebruik methoden die zijn genoemd naar kleur, zoals red(), of kies een specifieke waarde met colored(String color).

// Kleur Voorbeelden
console().background().red().log("Rode tekst");
console().color().colored("#becad2").log("Aangepaste lichtblauw-grijze tekst");

Lettergrootte

Stel de lettergrootte in met de size() methode, die de FontSizeBuilder retourneert. Gebruik methoden die zijn genoemd naar een grootte, zoals small(), of kies een specifieke waarde met from(String value).

//Grootte Voorbeelden
console().size().small().log("Kleine letter");
console().size().from("30px").log("30px letter");

tip

De from(String value) methode kan andere lettergroottewaarden accepteren, zoals rem en vw.

Letterstijl

Stel de letterstijl in met de style() methode, die de FontStyleBuilder retourneert. Gebruik bijvoorbeeld de italic() methode om het consolelog cursief te maken.

// Stijl Voorbeelden
console().style().italic().log("Cursieve letter");
console().style().normal().log("Normale letter");

Teksttransformatie

Beheer de kapitalisatie van de karakters in een bericht met de transform() methode, die de TextTransformBuilder retourneert. Gebruik bijvoorbeeld de capitalize() methode om de eerste letter van elk woord in hoofdletters om te zetten.

// Transformeer Voorbeelden
// Hoofdletters Tekst Transformatie
console().transform().capitalize().log("Hoofdletters tekst transformatie");
// HOOFDLETTERS TEKST TRANSFORMATIE 
console().transform().uppercase().log("Hoofdletters tekst transformatie");

Lettergewicht

Stel in hoe dik de tekst is met de weight() methode, die de FontWeightBuilder retourneert. Gebruik bijvoorbeeld de ligther() methode om het lettertype lichter dan normaal te maken.

// Gewicht Voorbeelden
console().weight().bold().log("Vette letter");
console().weight().lighter().log("Lichtere letter");

Stijlen mixen

Het is mogelijk om methoden te mixen en matchen voor een aangepaste logging-weergave.

// Een verscheidenheid aan opties voor een aangepaste logging-weergave
console()
    .weight().bolder()
    .size().larger()
    .color().gray()
    .style().italic()
    .transform().uppercase()
    .background().blue()
    .warn("Stijlen mixen");