Browser Console

Avaa ChatGPT:ssä

24.10

Java API

Selaimen konsolin käyttäminen ohjelmatietojen tulostamiseen on olennainen osa kehitysprosessia. BrowserConsole-apuluokka tarjoaa ominaisuuksia, jotka parantavat lokitusta lokityyppien ja tyylittelyn avulla.

Instanssi

Hanki BrowserConsole-instanssi käyttämällä App.console()-metodia. Tulosta mikä tahansa Object haluamallasi viidestä lokityypistä: loki, tieto, varoitus, virhe tai debug.

import static com.webforj.App.console;
// Tyypit
console().log("Lokin viesti");
console().info("Tiedon viesti");
console().warn("Varoituksen viesti");
console().error("Virheen viesti");
console().debug("Debug-viesti");

Tyylitys

Käytä rakentajametodeja lokiviestin ulkoasun määrittämiseen. Jokaisella rakentajalla on vaihtoehtoja tietyn ominaisuuden muuttamiseen. Myös useiden tyylien yhdistäminen on mahdollista. Kun konsoliviesti tulostetaan, siihen sovelletut tyylit eivät siirry seuraaviin viesteihin, ellei niitä erikseen määritetä uudelleen.

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

vinkki

Käytä setStyle-metodia muuttaaksesi BrowserConsole-lokin ominaisuuksia, joita rakentajat eivät määrittäneet.

Taustaväri

Aseta taustaväri background()-metodilla, joka palauttaa BackgroundColorBuilder:n. Käytä väreihin liittyviä menetelmiä, kuten blue(), tai valitse tietty arvo colored(String color)-metodilla.

// Taustaesimerkit
console().background().blue().log("Sininen tausta");
console().background().colored("#031f8f").log("Mukautettu sininen tausta");

Tekstiväri

Aseta tekstiväri color()-metodilla, joka palauttaa ColorBuilder:n. Käytä väreihin liittyviä menetelmiä, kuten red(), tai valitse tietty arvo colored(String color)-metodilla.

// Väri-esimerkit
console().background().red().log("Punainen teksti");
console().color().colored("#becad2").log("Mukautettu vaalean siniharmaa teksti");

Fonttikoko

Aseta fonttikoko size()-metodilla, joka palauttaa FontSizeBuilder:n. Käytä kokoihin liittyviä menetelmiä, kuten small(), tai valitse tietty arvo from(String value)-metodilla.

// Koko-esimerkit
console().size().small().log("Pieni fontti");
console().size().from("30px").log("30px fontti");

vinkki

from(String value)-metodi voi ottaa muitakin fonttikokoarvoja, kuten rem ja vw.

Fonttityyli

Aseta fonttityyli style()-metodilla, joka palauttaa FontStyleBuilder:n. Esimerkiksi käytä italic()-metodia saadaksesi konsolilokin kursiiviksi.

// Tyyli-esimerkit
console().style().italic().log("Kursiivinen fontti");
console().style().normal().log("Normaali fontti");

Tekstin muuntaminen

Hallinnoi merkkien pääkirjainkäyttöä viestissä transform()-metodilla, joka palauttaa TextTransformBuilder:n. Esimerkiksi käytä capitalize()-metodia muuttaaksesi jokaisen sanan ensimmäinen kirjain isoksi.

// Muunnos-esimerkit
// Pääkirjainmuunnos
console().transform().capitalize().log("Pääkirjainmuunnos");
// ISOJEN KIRJAIMIEN MUUNTO
console().transform().uppercase().log("ISOJEN KIRJAIMIEN MUUNTO");

Fontin paksuus

Aseta tekstin paksuus weight()-metodilla, joka palauttaa FontWeightBuilder:n. Esimerkiksi käytä ligther()-metodia saadaksesi fontin kevyemmäksi kuin normaali.

// Paksuus-esimerkit
console().weight().bold().log("Rohkea fontti");
console().weight().lighter().log("Keveämpi fontti");

Tyylien yhdistäminen

On mahdollista sekoittaa ja yhdistellä menetelmiä mukautetun lokinäytön luomiseksi.

// Eri vaihtoehtoja mukautetulle lokinäytölle
console()
  .weight().bolder()
  .size().larger()
  .color().gray()
  .style().italic()
  .transform().uppercase()
  .background().blue()
  .warn("Tyylien yhdistely");