[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’ 右下

例1: 幅300px, 高さ100px

$().mielogger({width:300,height:100});

例2: 幅450px, 最大行数100

$().mielogger({width:450,maxlow:100});

例3: 位置揃え 左下

$().mielogger({align:'BL'});

楽しいログ生活を楽しんでください

LINEで送る
Pocket

自作iPhoneアプリ 好評発売中!
フォルメモ - シンプルなフォルダつきメモ帳
ジッピー電卓 - 消費税や割引もサクサク計算!

ページトップへ戻る