debug.js — what for?

• For Webapp-development debugging with alert() is not very comfy and might be also annoying. So it would be nice to provide an output-function with very little efford:

          <script src="js/debug.js" type="text/javascript"></script>
          

• Fast debugging with only one global function:

          > println("some string");
          > println("some string", true); // replace previous output
          

• Great! Next idea: Why just be able to print text? How about printing an object recursivly as a tree instead of [object Object]!


• Side benefit: You can print and observe your current settings of your Browser/HTML-Page.
  So if you forgot the name of a property, why don't print the object and its child instead to look some reference up.

Try it yourself

    1. firstly enable debug   debug.html?debug
       1a. set config         println.config({ clearOnDblClick: true, overrideAlert: true }, show) 
       1b. or this config     println.config({ clearOnDblClick: false, overrideAlert: false }, show) 
       1c. append style       println.style({ left: "50%", background: 'aliceblue' })
       
    2. print some text        println('Hello World!')
       2a. and again          println('Some more Text')
       2b. and once again     println('Get outa here!', true)
       2c. limited...         println('Max 3 times', 3)
       2d. ...by time         println('Limited in time', 0, 2000)
       
    3. print some objects     println(someObject)
       3a. even your DOM      println(window, 1)
       3b. whatever you like  println()
    
    4. force some error:      foo.bar('does not exist')    
    
    If you like you can also use alert(). (You have to override it via config)