Logger.js is a very simple tool that creates a small logging panel in the top left corner of the window. It's purpose is to log data like mouse/touch positions or other constantly changing values without having to go the console, which I feel is really unconfortable on mobile devices.

Also it provides a possibility to trace info without changing the height of the browser on iDevices.

To use it simply add it in the header like any other libary and it provides simple methods, such as:

Logger.log("coordinates", valueX, valueY); Self explanatory. It takes any amount of paramters and chains them using space.

Logger.hide(); Hides the logging panel.

Logger.show(); Guess what.

Logger.forceLog("something"); In case the logger is currently hidden it shows the logger in addition to the normale Logger.log behavior.

Logger.inspect({a: 1, b: 2}); Logs every element of an object in a tree structure in the console. This is especially useful for debugging in IE, to see the actual stateof an object.