With this Javascript code you can dynamically create a debug window in an HTML page and add text to it.

How to use the code:Debug( "text message to show in the debug window" );

This function adds text to the debug window:function Debug(dtext) { // If the debug DIV doesn't exist, create it if ( document.getElementById("debug") == null ) CreateDebugDiv(); try { document.getElementById("debug").innerHTML += "<br/> " + dtext; } catch(err) { return; } } // Debug

This function creates the debug window:function CreateDebugDiv() { var debugDiv = document.createElement("div"); debugDiv.id = "debug"; document.body.appendChild(debugDiv, document.body.firstChild); debugDiv = document.getElementById("debug"); debugDiv.style.color = "black"; debugDiv.style.fontStyle = "italic"; debugDiv.style.textAlign = "left"; debugDiv.style.borderWidth = "1px"; debugDiv.style.borderStyle = "dashed"; debugDiv.style.borderRadius = "10px"; debugDiv.style.margin = "5px"; debugDiv.style.padding = "5px"; debugDiv.style.backgroundColor = "#eee"; debugDiv.innerHTML = "Debug window"; } // CreateDebugDiv

A working example: link