This is a simple package that allows the user to see the browser console without needing any further toolset. The reason you want this might be when you're debugging mobile devices that might cause more difficulties to view the natural console (particularly on Apple mobile devices).

The script will redirect all console calls to duplicate them into a hidden viewer div, which is shown when the console... button is clicked.

Simply include the .css and .js files and they will add a console... button on the bottom right of the screen, which when clicked will show what it knows to exist in the console - allowing you to see any errors that might have occured.

html

<script src='https://methodfish.com/Download/MFShowConsole/files/latest/js/mf-showconsole.js'></script>
<link href='https://methodfish.com/Download/MFShowConsole/files/latest/css/mf-showconsole.css' rel='stylesheet'></link>

On including the package, it will automatically run (and present the console... button); the idea of this is that you only include the script when you're in debug mode

php

if ( $debugMode ) {
    echo "<script src='https://methodfish.com/Download/MFShowConsole/files/latest/js/mf-showconsole.js'></script>";
    echo "<link href='https://methodfish.com/Download/MFShowConsole/files/latest/css/mf-showconsole.css' rel='stylesheet'></link>";
}