console.log を画面上に出力

console.logをコンソール上ではなく画面上に表示

jQuery

$(function () { // 型判別 // http://bonsaiden.github.io/JavaScript-Garden/#types.typeof function is(type, obj) { var clas = Object.prototype.toString.call(obj).slice(8, -1); return obj !== undefined && obj !== null && clas === type; } // is('String', 'test'); // true // is('String', new String('test')); // true // 展開 function msg_dump(expression){ var str = '(' + typeof expression + ') '; if (typeof expression == 'object') { $.each(expression, function(i){ if (is('object', this)) { // 再展開 str += i + ': ' + msg_dump(this) + '\n'; } else { str += i + ': ' + this + '\n'; } }); } else { str += expression + '\n'; } return str.replace(/\n/g, '<br>'); } // 出力 $('#log').html(''); console.log = function(msg) { $('#log').append(msg_dump(msg)); } console.log(1); console.log('apple'); console.log(['リンゴ', 'バナナ']); console.log({apple:1, banana:2}); });

HTML

<div id="log"></div>

サンプル

最新の記事

プロフィール

流されるままにウェブ業界で仕事しています。
主にLAPP環境でPHPを書いています。
最近はjQueryをよく書いています。