consoleit v0.0.6
ConsoleIt!
Utility to append console messages to the DOM. Useful when using RequireBin, JSFiddle, or the like.
###RequireBin Example usage in RequireBin:
var console = require("consoleit");
console.log("This will appear in the DOM just like magic!");###JSFiddle To use this in JSFiddle, you must also add the following script tag to your HTML:
<script src="http://wzrd.in/bundle/consoleit"></script>Then use the JavaScript code as shown above.
###Methods ConsoleIt supports the following methods:
| Method | Description |
|---|---|
| console.log() | For general output of logging information. |
| console.info() | Informative logging information. |
| console.warn() | Outputs a warning message. |
| console.error() | Outputs an error message. |
Colored icons are placed next to all but console.log() as follows:
###String Substitution
You can also use the following string substitution characters in your output.
| Substitution string | Description |
|---|---|
| %d or %i | Outputs an integer. |
| %s | Outputs a string. |
| %f | Outputs a floating-point value. |
See MDN for further details.
console.log("Only %d days until %s!", 30, "Christmas");###JavaScript Objects
JavaScript obects will be converted to JSON.
For example:
var obj = {x:1, y:2};
console.log(obj);Would display:
Object {"x":1,"y":2}###Options
By default, output will be appended to the document.body.
You can optionally send the output to a particular element.
Simply pass the element id (as a string) to ConsoleIt as shown below.
<div id="log"></div>var console = require("consoleit")("log");
console.log("This will be appended to the 'log' div.");###For use under MIT license