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 logmogelijkheden verbeteren via logtypes en styling.

Instance

Haal een instantie van BrowserConsole op met 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("Log bericht");
console().info("Info bericht");
console().warn("Waarschuwing bericht");
console().error("Fout bericht");
console().debug("Debug bericht");

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 combineren. Zodra een consolebericht is afgedrukt, worden eventuele toegepaste stijlen niet overgedragen naar volgende berichten, tenzij expliciet opnieuw gedefinieerd.

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

tip

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

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).

// 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 naar kleur zijn genoemd, 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 licht blauwgrijze tekst");

Lettergrootte

Stel de lettergrootte 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).

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

tip

De from(String value) methode kan andere lettergrootte waarde 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.

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

Tekentransformatie

Beheers de kapitalisering 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 te veranderen.

// Transformeer Voorbeelden
// Kapitaliseren Tekst Transformatie
console().transform().capitalize().log("Kapitalizeer 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 te maken dan normaal.

// 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 loggingweergave.

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