Visual Console

This is a demo page for the Visual Console Github Repository


Test It Out


Getting Started

To add Visual Console to your project, add this line to any page you want the console to appear:

<script src=""></script>

If weight is an issue in your project, there's also the minified version (18.6KB):

<script src=""></script>

How to Disable Visual Console?

When you're done debugging your page and your page is ready for production, it is advised to keep the Visual Console code but comment it out, like the example below, this way you can always uncomment it if you find a new bug, but it will show nothing to the user and will give no error in the actual JavaScript console.

<!-- <script src=""></script> -->

Start Visual Console Without the Panel?

After loading the script, you can always add to your code this script:


Keyboard Shortcuts