Mac

iPadまたはiPhoneでFirebugを実行する

iPadまたはiPhoneでFirebugを実行する

iPad上のFirebug

Firebugは、HTML、CSS、JavaScriptなど、ページ要素をリアルタイムで検査・修正できる、非常に人気の高いウェブ開発ツールです。Firefoxブラウザのプラグインとしてよく知られていますが、Firebug Liteとちょっとしたブックマークレットハックを使えば、iOSのSafariで直接Firebug Liteを実行できます。

iOS で Firebug を使用するのは簡単です。Martin Kool が発見した方法は次のとおりです。

  • iOSのSafariからウェブページをブックマークし、ブックマークの名前を「Firebug」に変更します。
  • 下のテキスト領域を2回タップし、「すべて選択」してから「コピー」を選択します。
  • 作成したFirebugブックマークを編集し、URLを削除して、コピーしたJavaScriptに置き換えます。
  • 「完了」をタップし、ブックマークレットをクリックしてiPadでFirebug Liteを有効化します。

pastebinのコードで問題が発生した場合は、Martin KoolのTumblrでブックマークレットをキャプチャする別の方法をご覧ください。画面サイズの関係で、FirebugはiPadで最も見栄えが良いですが、Safariを使えばiPhoneやiPod touchでも動作します。

おそらく、これで本格的な Web 開発を大量に実行できるわけではないでしょうが、これは素晴らしいトリックであり、iOS を使用しながら Web 要素に小さな変更や簡単な調整を加えるのに十分に使用できます。