Mainly, to save time for typing console.... things on traditional debugging works.
Secondly, to show the console.... things at a corner on a mobile device screen.
<script src="https://cdn.jsdelivr.net/gh/KLA6/[email protected]/k6_console.min.js"></script>
<script> new k6_console( {
production: false, // If this is true, no console message shows.
global : true , // If this is true, functions will be gloval, not in the class instance.
worker : false, // If this is true, 'windows' will be 'self'.
mobile : 'bl' , // tl, tr, bl, br, false
header : 'K6' ,
prefix : '' ,
} ) </script>
If your prefix is blank, the following are usage examples.
If your prefix is not blank, but e.g., 'pf_', then FCD() will be pf_FCD().
CD // = true
FCD ( ... ) // = console.debug ( ... )
FCE ( ... ) // = console.error ( ... )
FCW ( ... ) // = console.warn ( ... )
FCG ( ... ) // = console.group ( ... )
FCGE( ... ) // = console.groupEnd( ... )
FCT ( ... ) // = console.trace ( ... )
FCI ( ... ) // = console.info ( ... )
FCL ( ... ) // = console.log ( ... )
FCLR( obj ) // = console.log ( JSON.stringify( obj ) ) with recursive obj.
You can set production: true to hide all console.... things from this library.
However, it's recommended to hide the installation part at all in the production mode, because it will save tiny load time more.
The following is an example in PHP.
<? if( $DEBUG ) { ?>
<script src="https://cdn.jsdelivr.net/gh/KLA6/[email protected]/k6_console.min.js"></script>
<script> new k6_console() </script>
<? } else { ?>
<script> const CD = null, FCD = FCE = FCW = FCG = FCGE = FCT = FCI = FCL = FCLR = () => {}; </script>
<? } ?>