How to make use of it:

1. Add jQuery library and the console.js plugin’s files to the web page.

<link rel="stylesheet" href="/path/to/dist/jquery.console.min.css" />
<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/dist/jquery.console.min.js"></script>

2. Initialize the plugin on the container aspect the place the console message is to be displayed.

<div class="consoleContainer"></div>

let instance = $(".consoleContainer").console({ 
    // options here
});

3. Output console messages with completely different ranges:

instance.log('Console Message Here', msgLevel);

4. Determine whether or to not show timestamps.

let instance = $(".consoleContainer").console({ 
    showTimestamp: true,
    timestampOnLeft: false, // right
});

5. Control whether messages are added to the top or bottom of the stack.

let instance = $(".consoleContainer").console({ 
    msgDirection: "up"
});

6. Specify the variety of console messages to keep.

let instance = $(".consoleContainer").console({ 
    history: 500
});

7. Determine the time to attend earlier than closing console messages.

let instance = $(".consoleContainer").console({ 
    timeout: 0,
    fadeOutTime: 400,
});

8. Customize the console ranges.

let instance = $(".consoleContainer").console({ 
    levels: [
      "emergency", "alert", "critical", "error",
      "warning", "notice", "info", "debug"
    ],
    defaultLevel: 6,
});

9. Determine whether or to not tag odd and even entries.

let instance = $(".consoleContainer").console({ 
    tagOddEven: true
});

Simulate Browser Console Logs On Webpage, jQuery Console Plugin/Github, chrome console log to file, ios simulator web inspector

See Demo And Download