[Javascript] モバイル開発でJSログ出力が便利になる jQueryプラグインのmieloggerを作りました

2011/12/3

こんにちは。きんくまです。

mieloggerという名前のjQueryプラグインを作りました。

これは、文字列をブラウザー上に表示できるようにするものです。
日本語の「見える」とlogger「ログするもの」を合わせた名前です。

これはモバイルアプリ（iOSとかAndroidとか）でWebブラウザを使うときに、非常に便利なものです。
なぜなら、これらのデバイスはconsole.logを出力しても見えないからです。
でも、ブラウザーでログが見えたらいいですよね。

update 2011/12/10

>> デモ
 >> mieloggerをダウンロード

使い方

最初に、jQuery と mielogger.jsを取り込みます。

	<script src="jquery-1.6.2.min.js"></script>
	<script src="mielogger.js"></script>

次に、mieloggerを初期化します。

var logger = $().mielogger();

最後に、好きな文字列をlogの関数を使って書き込みます。

logger.mlog('Hello mielogger');

さきほどmieloggerのインスタンスを使いましたが、こういう書き方もできます。

$().mlog("It's OK");

オプション設定

初期化するときに、オプション設定をすることが可能です。
いくつかのパラメータがあります。

width : ログ表示領域の幅
height : ログ表示領域の高さ
maxlow : ログの最大の行数。mieloggerはその高さ以上に行数をもつことが可能です。
align : ログ表示領域の配置を変えます
‘TL’ 左上
‘TR’ 右上
‘BL’ 左下
‘BR’ 右下

例１: 幅300px, 高さ100px