Browser Console

Avaa ChatGPT:ssä

24.10

Java API

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

Instanssi

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

import static com.webforj.App.console;
// Tyyppit
console().log("Loki viesti");
console().info("Tietoviesti");
console().warn("Varoitus viesti");
console().error("Virhe viesti");
console().debug("Debug viesti");

Tyylittely

Käytä builder-metodeja lokiviestin ulkonäön asettamiseen. Jokaisella builderilla on vaihtoehtoja tietyn ominaisuuden muuttamiseen. On myös mahdollista sekoittaa useita tyylejä. Kun konsoliviesti tulostuu, kaikki käytetyt tyylit eivät siirry seuraaviin viesteihin, ellei niitä erityisesti määritellä uudelleen.

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

vinkki

Käytä setStyle-metodia muutettaaksesi BrowserConsole-lokin ominaisuuksia, joita builderit eivät määrittele.

Taustaväri

Aseta taustaväri background()-metodilla, joka palauttaa BackgroundColorBuilder-luokan. Käytä väreittäin nimettyjä metodeja, kuten blue(), tai valitse tietty arvo colored(String color)-metodilla.

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

Tekstiväri

Aseta tekstiväri color()-metodilla, joka palauttaa ColorBuilder-luokan. Käytä väreittäin nimettyjä metodeja, kuten red(), tai valitse tietty arvo colored(String color)-metodilla.

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

Fonttikoko

Aseta fonttikoko size()-metodilla, joka palauttaa FontSizeBuilder-luokan. Käytä kokoja nimettyjä metodeja, kuten small(), tai valitse tietty arvo from(String value)-metodilla.

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

vinkki

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

Fonttityyli

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

// Tyyli esimerkkejä
console().style().italic().log("Kursiivinen fontti");
console().style().normal().log("Normaali fontti");

Tekstin muunnos

Hallinnoi merkkien suuria alkukirjaimia viestissä transform()-metodilla, joka palauttaa TextTransformBuilder-luokan. Esimerkiksi, käytä capitalize()-metodia muuttaaksesi jokaisen sanan ensimmäisen kirjaimen isoksi.

// Muunnos esimerkkejä
// Suuraalkukirjainten tekstimuunnos
console().transform().capitalize().log("Suuraalkukirjainten tekstimuunnos");
// SUURIA KIRJAIMIA MUUNNOKSENA 
console().transform().uppercase().log("SUURIA KIRJAIMIA MUUNNOKSENA");

Fonttipaino

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

// Paino esimerkkejä
console().weight().bold().log("Lihavoitu fontti");
console().weight().lighter().log("Keveämpi fontti");

Tyylien sekoittaminen

On mahdollista sekoittaa ja yhdistää metodeja räätälöityyn lokinäyttöön.

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