Console.IO

Console.IO is a Node.JS project. It provides Remote Web Console for websites, Javascript, Smart Tv, mobile phones apps. It uses express.io & socket.io to provide real time response from the browsers.

It works pretty much on all modern browsers, mobile devices, Smart TVs, etc

Install express.io (execute install.bat)

npm install express.io

Start server (execute start.bat)

node ./server/main.js

Include console.io in your web page

include inject.js scripts with config parameters

<script type="text/javascript" src="inject.js?url=http://NodeServerURL:Port&secure=false"></script>

OR create a create ConfigIO global object with config options

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

configIO.js

window.ConfigIO = {
	url: 'http://nodeserver:port/',
	secure: false
};

Visit http://NodeServerURL:Port/ for ConsoleIO interface

#Console.IO Editor

You can execute commands on remote client from Console.IO. You can execute single & multilines javascript code.

Shortcuts:

• Ctrl+Enter: execute command
• Ctrl+Space: autocomplate
• Ctrl-Q: toggle comments

Note: All multilines code should be wrapped within self executable function. E.G

(function doSomeThing(){
 .......
}())

#Console.IO Device and Tabs

• Files: Show all attached javascript and css files in the web page
• Status: Device Status and some basic information
• Source: Double click on a file in file explorer to view file content
• Preview: HTML dom structure
• Console: Remote console
  • Pause incoming logs
  • Clear logs
  • Export logs
  • Change page size
  • Search word or use regex to filter logs
  • Filter logs by type

#Console API methods supported

• console.assert(x)
• console.count(key)
• console.time(name, reset)
• console.timeEnd(name)
• console.debug(arguments...)
• console.warn(arguments...)
• console.info(arguments...)
• console.log(arguments...)
• console.dir(object)
• console.dirxml(HTML Element)
• console.error(error)
• console.exception(error)
• console.trace()

#Coming soon...

• console.group()
• console.groupCollapsed()
• console.groupEnd()
• console.markTimeline()
• console.timestamp()
• console.profiles
• console.profile()
• console.profileEnd()

#TODO

• Change it into npm module
• Load addons dynamically (e.g web, socket, etc)
• Update Readme with full feature list

#Copyright and license MIT LICENSE

#Reference

• [Javascript Stacktrace] (https://github.com/eriwen/javascript-stacktrace)
• [codemirror] (http://codemirror.net/)
• [express.io] (https://github.com/techpines/express.io)
• [Socket.io] (http://socket.io/#how-to-use)
• [prettify] (https://code.google.com/p/google-code-prettify/)
• [dhtmlx] (http://dhtmlx.com/) [GPL LICENSE]