Browser Console

Abrir en ChatGPT

24.10

Java API

Usar la consola del navegador para imprimir información valiosa del programa es una parte integral del proceso de desarrollo. La clase utilitaria BrowserConsole viene con una serie de características para mejorar las capacidades de registro.

Instance

Obtén una instancia de BrowserConsole utilizando el método App.console(). Imprime cualquier Object deseado como uno de los cinco tipos de registro: log, info, warn, error o debug.

import static com.webforj.App.console;
// Tipos
console().log("Mensaje de log");
console().info("Mensaje de info");
console().warn("Mensaje de advertencia");
console().error("Mensaje de error");
console().debug("Mensaje de depuración");

Styling

Utiliza los métodos del constructor para establecer la apariencia del mensaje de log. Cada constructor tiene opciones para cambiar una propiedad específica. También es posible mezclar múltiples estilos. Una vez que se imprime un mensaje de consola, cualquier estilo aplicado no se trasladará a mensajes posteriores a menos que se redefina explícitamente.

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

sugerencia

Utiliza el método setStyle para cambiar las propiedades del log de BrowserConsole no especificadas por los constructores.

Background color

Establece el color de fondo con el método background(), que devuelve el BackgroundColorBuilder. Utiliza métodos nombrados por color, como blue(), o elige un valor específico con colored(String color).

// Ejemplos de fondo
console().background().blue().log("Fondo azul");
console().background().colored("#031f8f").log("Fondo azul personalizado");

Text color

Establece el color del texto con el método color(), que devuelve el ColorBuilder. Utiliza métodos nombrados por color, como red(), o elige un valor específico con colored(String color).

// Ejemplos de color
console().background().red().log("Texto rojo");
console().color().colored("#becad2").log("Texto gris claro personalizado");

Font size

Establece el tamaño de fuente con el método size(), que devuelve el FontSizeBuilder. Utiliza métodos nombrados por tamaño, como small(), o elige un valor específico con from(String value).

// Ejemplos de tamaño
console().size().small().log("Fuente pequeña");
console().size().from("30px").log("Fuente de 30px");

sugerencia

El método from(String value) puede aceptar otros valores de tamaño de fuente, como rem y vw.

Font style

Establece el estilo de la fuente con el método style(), que devuelve el FontStyleBuilder. Por ejemplo, utiliza el método italic() para hacer que el log de la consola esté en cursiva.

// Ejemplos de estilo
console().style().italic().log("Fuente en cursiva");
console().style().normal().log("Fuente normal");

Text transformation

Controla la capitalización de los caracteres en un mensaje con el método transform(), que devuelve el TextTransformBuilder. Por ejemplo, utiliza el método capitalize() para transformar la primera letra de cada palabra en mayúscula.

// Ejemplos de transformación
// Transformación de texto en mayúsculas
console().transform().capitalize().log("Transformación de texto en mayúsculas");
// TRANSFORMACIÓN DE TEXTO EN MAYÚSCULAS 
console().transform().uppercase().log("Transformación de texto en mayúsculas");

Font weight

Establece qué tan grueso es el texto con el método weight(), que devuelve el FontWeightBuilder. Por ejemplo, utiliza el método ligther() para hacer que la fuente sea más ligera que la normal.

// Ejemplos de peso
console().weight().bold().log("Fuente en negrita");
console().weight().lighter().log("Fuente más ligera");

Mixing styles

Es posible mezclar y combinar métodos para una visualización de registro personalizada.

// Una variedad de opciones para una visualización de registro personalizada
console()
    .weight().bolder()
    .size().larger()
    .color().gray()
    .style().italic()
    .transform().uppercase()
    .background().blue()
    .warn("Mezclando estilos");