A simple javascript console to incorporate into your web page. This project uses Pretty Print.
You need includes the javascript
<script type="text/javascript" src="jquery-simpleConsoleJS/simpleConsole.js"></script>This file will include:
After that, just call the plugin in a container element
<div id="console" style="width: 800px; height: 500px;"></div>
<script type="text/javascript">
$("#console").SimpleConsole();
</script>Another way to call the plugin, is via the SIMPLE_CONSOLE_JS namespace by the Activate function:
<script type="text/javascript">
SIMPLE_CONSOLE_JS.ACTIVATE();
</script>This function will include the console div in the body's end.
You also can setup options in the plugin
<script type="text/javascript">
$("#console").SimpleConsole({cssPath:"../my-css-path/"});
</script><script type="text/javascript">
SIMPLE_CONSOLE_JS.ACTIVATE({jsPath:"../my-js-path/"});
</script>The options are:
optionsObjectshowBadgeBoolean. Show/Hide the link bar to github.cssPathString. Path to intern css files of the plugin. The cssPath is relative path to simpleConsole.js file.jsPathString. Path to intern js files of the plugin. The jsPath is relative path to simpleConsole.js file.
Please provide your feedback!
Use the sample, raise a Github issue, or fork the project and make suggestions.
Download, share, promote =). After all, simple is better.