Cuadro de diálogo de registro de consola personalizado en JavaScript puro-logee. js

Vista prévia

Descripción

Sólo otra biblioteca del registrador de la consola JS que muestra el < a href = "https://wikicss.com/tag/console-log/" > mensajes de consola en un personalizable, draggable, redimensionable < a href = "https://wikicss.com/tag/dialog/" > cuadro de diálogo .

Funcionamiento

Cargue la hoja de estilos ' logee. min. css ' y JavaScript ' logee. min. js ' en su documento HTML.

<script src="logee.min.js"></script>
<link href="logee.min.css" rel="stylesheet">

Inicializar el logee. js y ya está listo para ir.

Logee.init();

El código JavaScript para mostrar los mensajes de registro personalizados en el cuadro de diálogo.

// displays each argument on a new line, colored by its type
console.log('Log String', 1234, true);

 // displays each argument on a new line, colored in orange
console.warn('This', 'is', 'a', 'warning', 'msg');

 // displays a full json with syntax highlighting
console.log({name: 'Nemanja', age: 123 });

// logs in the console but not in the Logee box
console.log('something');

Borre los registros de la consola.

console.clear();

Opciones de acceso predeterminadas del usuario.

const userAccessibleOptions = {


// flag determining if the user can use the launch shortcut

useLaunchShortcut

 : true,


 // keyboard key that shows/hides Logee when pressed while holding ctrl

launchKeyString


 : 'L',



// determines if Logee should be attached to the console or has to be used independently

shouldAttachToConsole : true



};