Bodevals Blog

Debugging Javascript

Posted by Anders Carlsen Fri, 12 Feb 2010 20:15:00 GMT

Jeg er blevet træt af at debugge med alert() Det er irriterende at skulle kikke ok hver gang, så nu har jeg lavet mit egen status meddelelsesvindue som jeg blot kan kalde med debug()

function MakeDebugElm()
{

    var elm = document.createElement("div");
    elm.id = "debug_element";
    elm.style.position = "absolute";
    elm.style.background = "#faa";
    elm.style.bottom = "0";
    elm.style.left = "10px";
    elm.style.size = "14px";
    elm.style.width = "90%";
    elm.style.height = "50px";
    elm.style.overflow = "auto";
    elm.style.zIndex = 5000;
    elm.hide = function() { this.style.display = "none"; };
    elm.show = function() { this.style.display = "block"; };
    elm.onclick = function() { this.style.display = "none"; };    
    var body = document.getElementsByTagName("body").item(0);
    body.appendChild(elm);
    return elm;
}

function debug(str)
{
    d = document.getElementById("debug_element")
    if( d == null)    
            d = MakeDebugElm();

    d.show();
    d.innerHTML = str + "<br />" + d.innerHTML;
}