ウェブ開発者必携の「Firebug」をiPhone, iPadで利用する方法

Firebug

あのFirebugをiPhone, iPadでも

FirebugというFirefoxのアドオンがありますが、それをiPhone, iPadで利用する方法の紹介です。

「How to use Firebug on your iPad and iPhone」で紹介されていたので試しにやってみました。

iPhoneやiPadのブックマークを利用したもので、簡単に導入できますよ。

以下に使ってみた様子を載せておきます。

Firebugをいつでもどこでも

まず、iPhoneのSafariでどこでも良いのでページを開いてブックマークしましょう。

Firebug

そして「How to use Firebug on your iPad and iPhone」に書かれているJavaScriptをコピーします。

（以下転載）

javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})(document,'createElement','setAttribute','getElementsByTagName','FirebugLite','4','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened');

先ほど登録したブックマークを編集し、URL欄にコピーしたJavaScriptを貼り付けましょう。

Firebug

あとは、Firebugを実行したいページで先ほど編集したブックマークを開くだけ。
このように画面下にFirebugが表示されますよ。

iPhoneだと少々操作がしづらいですがちゃんと動いていますね。
iPadだと操作しやすいかも。

いつでもどこでもFirebugを使いたいという方は是非お試し下さい。

　本記事で紹介したサイト