Browser Console

Openen in ChatGPT

24.10

Java API

Het gebruik van de console van de browser om waardevolle programmainformatie af te drukken, is een integraal onderdeel van het ontwikkelingsproces. De BrowserConsole hulpprogrammaklasse heeft een heleboel functies om de logmogelijkheden te verbeteren.

Instance

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

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

Styling

Gebruik de buildermethoden om het uiterlijk van het logbericht in te stellen. Elke builder heeft opties om een specifieke eigenschap te veranderen. Het is ook mogelijk om meerdere stijlen te combineren. Zodra een consolebericht is afgedrukt, worden eventuele stylingtoepassingen niet overgedragen naar daaropvolgende berichten, tenzij ze expliciet opnieuw gedefinieerd worden.

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

tip

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

Achtergrondkleur

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

// Achtergrondvoorbeelden
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 naar kleur zijn genoemd, zoals red(), of kies een specifieke waarde met colored(String color).

// Kleurvoorbeelden
console().background().red().log("Rode tekst");
console().color().colored("#becad2").log("Aangepaste licht blauwig-grijze tekst");

Lettertypegrootte

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

// Groottevoorbeelden
console().size().small().log("Klein lettertype");
console().size().from("30px").log("30px lettertype");

tip

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

Schriftstijl

Stel de schriftstijl in met de style() methode, die de FontStyleBuilder retourneert. Gebruik bijvoorbeeld de italic() methode om de console log cursief te maken.

// Stijlvoorbeelden
console().style().italic().log("Cursief lettertype");
console().style().normal().log("Normaal lettertype");

Tekentransformatie

Beheers de kapitalisatie van de tekens 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
// Kapitaliseer Teksttransformatie
console().transform().capitalize().log("Kapitalizeer teksttransformatie");
// HOOFDLETTER TEKSTTRANSFORMATIE 
console().transform().uppercase().log("Hoofdletter teksttransformatie");

Lettertypegewicht

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("Vet lettertype");
console().weight().lighter().log("Lichter lettertype");

Stijlen combineren

Het is mogelijk om methoden te combineren voor een aangepaste logweergave.

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