Browser Console

Openen in ChatGPT

24.10

Java API

Het gebruik van de console van de browser om programmainformatie af te drukken is een essentieel onderdeel van het ontwikkelingsproces. De BrowserConsole hulpprogrammaklasse biedt functies die de loggingmogelijkheden 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, waarschuwen, fout of debug.

import static com.webforj.App.console;
// Types
console().log("Logbericht");
console().info("Infobericht");
console().warn("Waarschuwingsbericht");
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 veranderen. Het is ook mogelijk om meerdere stijlen te mengen. Zodra een consolebericht is afgedrukt, worden eventuele toegepaste stijlen 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 het BrowserConsole log te wijzigen die niet door de builders zijn gespecificeerd.

Achtergrondkleur

Stel de achtergrondkleur in met de background() methode, die de BackgroundColorBuilder retourneert. Gebruik methoden genoemd naar kleur, 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 genoemd naar kleur, zoals red(), of kies een specifieke waarde met colored(String color).

// Kleurvoorbeelden
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 genoemd naar een grootte, zoals small(), of kies een specifieke waarde met from(String value).

// Groottevoorbeelden
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 de console log cursief te maken.

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

Tekentransformatie

Beheer de hoofdletters 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 te transformeren.

// Transformvoorbeelden
// Hoofdletter Tekentransformatie
console().transform().capitalize().log("Hoofdletter teksttransformatie");
// HOOFDLETTERS TEKENTRANSFORMATIE 
console().transform().uppercase().log("Hoofdletters teksttransformatie");

Lettergewicht

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

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

Stijlen mengen

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

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