Browser Console

Avaa ChatGPT:ssä

24.10

Java API

Selaimen konsolin käyttäminen arvokkaiden ohjelmatietojen tulostamiseen on olennainen osa kehitysprosessia. BrowserConsole -apuluokka tarjoaa joukon ominaisuuksia lokitusten parantamiseksi.

Instance

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

import static com.webforj.App.console;
// Tyypit
console().log("Lokiviesti");
console().info("Tietoviesti");
console().warn("Varoitusviesti");
console().error("Virheviesti");
console().debug("Debug-viesti");

Styling

Käytä builder-menetelmiä lokiviestin ulkonäön määrittämiseen. Jokaisella builderilla on vaihtoehtoja tietyn ominaisuuden muuttamiseen. On myös mahdollista sekoittaa useita tyylejä. Kun konsoliviesti tulostuu, mitään sovellettuja tyylejä ei siirretä seuraaviin viesteihin, ellei niitä erikseen määritetä uudelleen.

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

vinkki

Käytä setStyle-menetelmää BrowserConsole-lokin ominaisuuksien muuttamiseen, joita builderit eivät ole määrittäneet.

Taustaväri

Aseta taustaväri background()-menetelmällä, joka palauttaa BackgroundColorBuilder -rakentajan. Käytä väriin nimettyjä metodeja, kuten blue(), tai valitse tietty arvo colored(String color)-menetelmällä.

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

Tekstin väri

Aseta tekstin väri color()-menetelmällä, joka palauttaa ColorBuilder -rakentajan. Käytä väriin nimettyjä metodeja, kuten red(), tai valitse tietty arvo colored(String color)-menetelmällä.

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

Fonttikoko

Aseta fonttikoko size()-menetelmällä, joka palauttaa FontSizeBuilder -rakentajan. Käytä kokoon nimettyjä metodeja, kuten small(), tai valitse tietty arvo from(String value)-menetelmällä.

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

vinkki

from(String value)-menetelmä voi ottaa muita fonttikokovaihtoehtoja, kuten rem ja vw.

Fonttityyli

Aseta fonttityyli style()-menetelmällä, joka palauttaa FontStyleBuilder -rakentajan. Esimerkiksi, käytä italic()-metodia tehdäksesi konsolilokista kursivoitun.

// Tyyli Esimerkkejä
console().style().italic().log("Kursivoitu fontti");
console().style().normal().log("Normaali fontti");

Tekstin muuntaminen

Säätää viestin merkistön suuria kirjaimia transform()-menetelmällä, joka palauttaa TextTransformBuilder -rakentajan. Esimerkiksi, käytä capitalize()-metodia muuttaaksesi jokaisen sanan ensimmäinen kirjain isoksi.

// Muunnos Esimerkkejä
// Suurten Kirjainten Muuntaminen
console().transform().capitalize().log("Suurten kirjainten muuntaminen");
// ISOJEN KIRJAINTEN MUUNTAMINEN 
console().transform().uppercase().log("Isojen kirjainten muuntaminen");

Fontin paino

Aseta tekstin paksuus weight()-menetelmällä, joka palauttaa FontWeightBuilder -rakentajan. Esimerkiksi, käytä lighter()-metodia tehdäksesi fontista kevyemmän kuin normaali.

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

Tyylien sekoittaminen

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

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