Pour débogger le code, on peut utiliser la fonction suivante :
<script>
// Show the debug window
function showDebug() {
  window.top.debugWindow =
      window.open("",
                  "Debug",
                  "left=0,top=0,width=300,height=700,scrollbars=yes,"
                  +"status=yes,resizable=yes");
  window.top.debugWindow.opener = self;
  // open the document for writing
  window.top.debugWindow.document.open();
  window.top.debugWindow.document.write(
      "<HTML><HEAD><TITLE>Debug Window</TITLE></HEAD><BODY><PRE>\n");
}

// If the debug window exists, then write to it
function debug(text) {
  if (window.top.debugWindow && ! window.top.debugWindow.closed) {
    window.top.debugWindow.document.write(text+"\n");
  }
}

// If the debug window exists, then close it
function hideDebug() {
  if (window.top.debugWindow && ! window.top.debugWindow.closed) {
    window.top.debugWindow.close();
    window.top.debugWindow = null;
  }
}

function toggleDebug() {
  if (document.getElementById("debugOn").checked) {
    showDebug();
    debug("Check box checked, switched on debug");
    document.getElementById("checkboxLabel").innerHTML = "The debug window is <b>on</b>";
  } else {
    debug("Check box unchecked, switching off debug");
    hideDebug();
    document.getElementById("checkboxLabel").innerHTML = "The debug window is <b>off</b>";
  }
}
</script>

Ensuite, on peut faire afficher ce que l'on veut en faisant appel à la fonction "debug".

http://www.isocra.com/articles/jsdebug.php
Des cookies d'analyse d'audience sont utilisés sur ce site