Android でも使おうー!Firebug!

Firebug
Firebug のロゴ変わってたんですね、炎と融合って感じw

Firebug!

ウェブ屋さんの必須アイテム Firebug!みなさんもきっと使われていることだと思います〜!便利ですよね。

二十歳街道まっしぐらさんの記事で iPhone と iPad で使う方法が紹介されていましたので、Android での動かし方をご紹介!!(と言っても大した内容ではないので先に謝っておきますw)

ブックマークレットの登録!

二十歳街道まっしぐらさんで紹介されていた方法は、http://getfirebug.com/firebuglite で配布されている firebug-lite.js をブックマークレットで使う方法です!

ブックマークレットのコードが必要になりますので ウェブ開発者必携の「Firebug」をiPhone, iPadで利用する方法 の記事よりコードをコピーしてください。

Firebug のブックマークレット

「javascript: 〜省略〜 ‘#startOpened’);」の部分が必要になります。(※動作は Android の標準のブラウザでのみ確認。)

ブックマークの登録

次に今のコードをブックマークを登録します!ブックマークの画面を開いてください。

ブックマーク登録

「☆追加」でブックマークの登録ができますので押してください。

ブックマーク登録

タイトルに Firebug とかお好きな文字を! URL には先ほどコピーしたコードを貼付けます!まだ OK ボタンを押さないでくださいね!

ブックマーク登録

コードの中に「%20」の文字がありますのでこれを半角スペース1個に置き換えます。これで OK ボタンを押すとブックマークレットの登録は完了します〜!(標準ブラウザだとエンコードされたままだと動きませんでした。iPhone は逆にエンコードされてないと動かない?!)

Android で Firebug を使う

Firebug のブックマークレットを使うとこんな感じで表示されます!

Android で Firebug を使う(横向き)

画面回転を有効にして横画面で使ってみるとこんな感じで全画面に表示されます!実用性は無いかもしれませんが、どうしてもって場面ではありかなーと思います。何より Android でも動くって事が嬉しいですよね〜!