Snippets

Home / Snippets / debugging in javascript without alert dialog

debugging in javascript without alert dialog

Snippet Menu

snippet |

revisions |

comments | Related Snippets

related |

Add to Favorites | Email

download | Print

print | Blog It

blog it

Mon. Sep. 25th, 2006 1:59 AM

1 of 1

sundaramkumar

JavaScript

3 comments

To debug javascript code we use alert() whereever needed and it irritates you while alerts values inside a loop and other places where more alerts are being shown and you have to press the ok button to pass / proceed on.
here is a simple way to get rid of the alerts dialogs and get the values outputed into another debug window.

var dwin = null;

function debug(msg) {

    if ((dwin == null) || (dwin.closed)) {

      dwin = window.open("","debugconsole","scrollbars=yes,resizable=yes,height=100,width=300");

      dwin.document.open("text/html", "replace");

    }

    dwin.document.writeln('<br/>'+msg);

    dwin.scrollTo(0,10000);

    dwin.focus();

    // dwin.document.close();  // uncomment this if you want to see only last message , not all the previous messages

}

add the above code in you page first. Try the following for example. for(var i=0;i<10;i++){ debug(i); //... you other statements here } this will open a new debug window and show/ouputs the value of i