Browser Console

Avaa ChatGPT:ssä

24.10

Java API

Selain sela seluruhan terdalam program dari browser adalah bagian integral dari proses pengembangan. Kelas utilitas BrowserConsole menyediakan fitur-fitur yang meningkatkan kemampuan pencatatan melalui jenis log dan penataan.

Instance

Dapatkan satu instance dari BrowserConsole menggunakan metode App.console(). Cetak objek Object yang diinginkan sebagai salah satu dari lima jenis log: log, info, warn, error, atau debug.

import static com.webforj.App.console;
// Jenis
console().log("Pesan log");
console().info("Pesan info");
console().warn("Pesan peringatan");
console().error("Pesan kesalahan");
console().debug("Pesan debug");

Styling

Gunakan metode builder untuk mengatur penampilan pesan log. Setiap builder memiliki opsi untuk mengubah properti tertentu. Juga dimungkinkan untuk mencampur beberapa gaya. Setelah pesan konsol dicetak, styling apa pun yang diterapkan tidak akan dibawa ke pesan berikutnya kecuali secara eksplisit didefinisikan ulang.

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

vinkki

Gunakan metode setStyle untuk mengubah properti dari log BrowserConsole yang tidak ditentukan oleh builder.

Background color

Atur warna latar belakang dengan metode background(), yang mengembalikan BackgroundColorBuilder. Gunakan metode yang dinamai dengan warna, seperti blue(), atau pilih nilai tertentu dengan colored(String color).

// Contoh Latar Belakang
console().background().blue().log("Latar belakang biru");
console().background().colored("#031f8f").log("Latar belakang biru kustom");

Text color

Atur warna teks dengan metode color(), yang mengembalikan ColorBuilder. Gunakan metode yang dinamai dengan warna, seperti red(), atau pilih nilai tertentu dengan colored(String color).

// Contoh Warna
console().background().red().log("Teks merah");
console().color().colored("#becad2").log("Teks abu-abu kebiruan kustom");

Font size

Atur ukuran font dengan metode size(), yang mengembalikan FontSizeBuilder. Gunakan metode yang dinamai dengan ukuran, seperti small(), atau pilih nilai tertentu dengan from(String value).

// Contoh Ukuran
console().size().small().log("Font kecil");
console().size().from("30px").log("Font 30px");

vinkki

Metode from(String value) dapat mengambil nilai ukuran font lainnya, seperti rem dan vw.

Font style

Atur gaya font dengan metode style(), yang mengembalikan FontStyleBuilder. Misalnya, gunakan metode italic() untuk membuat log konsol menjadi miring.

// Contoh Gaya
console().style().italic().log("Font miring");
console().style().normal().log("Font normal");

Text transformation

Kontrol kapitalisasi karakter dalam pesan dengan metode transform(), yang mengembalikan TextTransformBuilder. Misalnya, gunakan metode capitalize() untuk mengubah huruf pertama dari setiap kata menjadi huruf besar.

// Contoh Transformasi
// Transformasi Kapitalisasi Teks
console().transform().capitalize().log("Transformasi kapitalisasi teks");
// TRANSFORMASI TEKS  BIG LETTER 
console().transform().uppercase().log("Transformasi teks huruf besar");

Font weight

Atur seberapa tebal teksnya dengan metode weight(), yang mengembalikan FontWeightBuilder. Misalnya, gunakan metode lighter() untuk membuat font lebih ringan dari normal.

// Contoh Berat
console().weight().bold().log("Font tebal");
console().weight().lighter().log("Font lebih ringan");

Mixing styles

Dimungkinkan untuk mencampur dan mencocokkan metode untuk tampilan logging yang kustom.

// Berbagai opsi untuk tampilan logging kustom
console()
    .weight().bolder()
    .size().larger()
    .color().gray()
    .style().italic()
    .transform().uppercase()
    .background().blue()
    .warn("Mencampur gaya");