Debugging JavaScript within Kiosk Pro

When working with JavaScript, there isn't a standard console interface for Kiosk Pro, which can be challenging.  
The only way iOS currently allows third-party apps to access to the native Web Inspector tool is through the iOS Simulator in Xcode or on a device with a development provisioning profile for that app installed. This means that this level of debugging is only available to our internal development team.
When we are working on a project in-house and don’t have immediate access to the simulator, we’ll often use simple 'alert();' statements to determine what is being executed and what isn't.
For more complex projects, we frequently use a console print debugger developed by E.J. Dyksen and the team at Mutually Human. In this set-up, you drop a console div into the bottom of the page you are working on and then any calls to console.log are shown there.  The debugger also includes a text box below the console, allowing you to evaluate JavaScript expressions directly on the page. 
<div id="consolelog" style="font-family: 'Courier New', Courier, monospace; font-size: 12px; margin: 40px 30px 0px; background-color: white; border: 2px solid black; padding: 10px;"></div>

<input type="text" id="consoleinput" style="margin: 0px 30px; width: 400px;" onkeypress="return evalConsoleInput(event, this.value);" />

<script type="text/javascript">
	var appendConsole = function(message, type) {
		var color = "black";
		if (type === "error") {
			color = "red";
		} else if (type === "debug") {
			color = "blue";
		var div = document.createElement('div'); = color; = "10px";
		div.innerHTML = message;
	var originalConsole = null;
	if (window.console != null) {
		originalConsole = window.console;
	window.console = {
		log: function(message) {
			appendConsole(message, "info");
		info: function(message) {
			appendConsole(message, "info");;
		debug: function(message) {
			appendConsole(message, "debug");
		error: function(message) {
			appendConsole(message, "error");
	function evalConsoleInput(e, message) {
		if (e.keyCode == 13) { // 13 is the keycode for the enter key
			var inputField = document.getElementById("consoleinput");
			var evalString = inputField.value;
			console.log("> " + evalString);
			try {
				var returnValue = eval(evalString);
    			} catch (e) {
			} finally {
				inputField.value = "";

More details on this debugger can be found here:

Still stuck? How can we help? How can we help?