waynegraham/console.js

## console.js
if (typeof console  != "undefined")
  if (typeof console.log != 'undefined')
    console.olog = console.log;
else
  console.olog = function() {};

console.log = function(message) {
  console.olog(message);
  $('#debugDiv').append('<p>' + message + '</p>');
};
console.error = console.debug = console.info =  console.log

## index.html
<!DOCTYPE HTML>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <style>
    #debugDiv {height: 200px; width: 500px; border: 1px solid #333; overflow:scroll;}
  </style>
  <script src="console.js"></script>
</head>
<body>
  <div id="debugDiv"></div>
  <script>
    console.log('test');
  </script>
</body>
	if (typeof console != "undefined")
	if (typeof console.log != 'undefined')
	console.olog = console.log;
	else
	console.olog = function() {};

	console.log = function(message) {
	console.olog(message);
	$('#debugDiv').append('<p>' + message + '</p>');
	};
	console.error = console.debug = console.info = console.log
	<!DOCTYPE HTML>
	<html>
	<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<style>
	#debugDiv {height: 200px; width: 500px; border: 1px solid #333; overflow:scroll;}
	</style>
	<script src="console.js"></script>
	</head>
	<body>
	<div id="debugDiv"></div>
	<script>
	console.log('test');
	</script>
	</body>