consoleit
v0.0.6
Published
Utility to append console messages to the DOM. Useful when using RequireBin, JSFiddle, or the like.
Downloads
26
Readme
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