Bagnall Software Consultants Ltd

Tablet/Smartphone/Phablet Debug Console

Did you ever want to debug on a tablet, a smartphone or a phablet with the ability to see something like the console window in FireBug?

You should be seeing an example on this page.

To make use of this tool, download and extract this zipfile. Then include modernizr, jQuery and jQueryUI before bagnallConsole.js like so:

 <script src="http://www.bagnall.co.uk/js/modernizr-1.7.min.js"></script>
 <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>
 <script src="jquery.ui.touch-punch.min.js"><//script>
 <script src="bagnallConsole.js"></script>

You can drag it and resize it. If you lose it, clear your web storage and it will go back to its default position at top left.

If you check "auto-scroll" the latest logs will be kept in view. "Clear" clears the console and the "X" button removes it from view until you refresh the page.

You can console log simple objects (complex will run out of memory). The displayed object is clickable to expand/contract.

You may miss some console logs early on if they occur before the debug console is initialised, if so you can put them in a timeout to work around this problem.

bagnall.co.uk