jQuery.log(msg) プラグインを作って見た

ジャバスクリプトデバギングを割時仮装(家長) 多く使うのは alert() 載せる. しかし alert() 銀確認を押すとする煩わしさがある. 確認を押して出れば内容が消えて色々犬の alertこれ庭焚く非效率的な場合もある.

そのままログを振り撤いて与える関数があれば良いのようだという考えをして検索を日見た. やっぱり出た.

jQuery.log(), Logging plugin for jQueryという文[今は消えた 2012-06-30]にはどうに log 関数を作るのか親切に説明されてある. (私英語文にあるログ関数を持つ使えば, $.log.log(msg), $.log.info(msg) 形式で使うとする.)

ところが上文でおもしろい関数を見つけた. console.log(msg) 関数だ. クロムで日見るからクロムのジャバスクリプトコンソール(Ctrl+Shift+J)に msg街撮れるガール確認する数あった. こういう数価. log 関数を敢えて万たち必要がなかったことか;;

ヨトンこれ文を参考して私がプラグインを作って見た.

/* jquery.log.mytory.js ver 1.0 */
(function($) {
	$.log = function(message) {
		if( debug == true )
		{
			//if('console' in window && 'log' in window.console)
			if (typeof window.console != 'undefined' && typeof window.console.log != 'undefined') {
				console.log(message);
			}

			var messageHTML =
				'<pre class="jquery-log-mytory" style="background-color:#000; color:#00ff00; padding:10px; font-size:16px; font-family: 分けゴシックコーディング">'
				+ '<span class="jquery-log-mytory-number" style="margin-right: 10px;">1</span>'
				+ message
				+ '</pre>';

			$logDiv = $('.jquery-log-mytory');

			if( $logDiv.length > 0 )
			{
				var number = parseInt( $('.jquery-log-mytory-number:last').text() ) + 1;
				$logDiv.append("n" + '<span class="jquery-log-mytory-number" style="margin-right: 10px;">' + number + '</span>' + message);
			}
			else
			{
				$('body').prepend(messageHTML);
			}
		}
	}
})(jQuery);

機能は単純だ. 一応ジャバスクリプトコンソールがある場合にはコンソールにもメッセージを振り撤いて与える. そして HTML ページのマン上に真黒い土台に緑色字でログを取って与える. 各ログには番号が付いてある. 終りだ.

コードが仮装(家長) こぎれいな件ないのに何性能が激必要でそんなプラグインがないから星上官ないと思う. 使いながら改善すればなるの.

console.log() を使う時注意点

私が紹介した英語文を見れば console.log を使う時下のようにゾゴンムンでくるむんですある.

if (typeof window.console != 'undefined' && typeof window.console.log != 'undefined') {
	console.log(message);
}

理由がある. 分からなかったがたまねぎ様がデッグル路言って与えて分かった.

参照で console 客体は IE8 以上, クロム, ファイアフォックス, サファリ皆支援します. ファイアバグやクロム開発子道で, IE開発子道で(F12) 等々

console.log() 以外に dir(), info(), error() など色々内臓メソッドが存在してデバギングの時に有用です.

ただ console 客体使用の時 IEでは開発者道具をつけるのない状態で console 客体を使うとか IE7 以下で使うようになればスクリプトエラーが出たら気を付けて使うとします.

- コメント機能はありません。コメントの代わりに[email protected]にメールを送ってください。

console.log() を 使う 時 注意点

console.log() を使う時注意点