なんとぉぉぉ〜IEでFirebugが使える!と思ったら?

ウェブサイト作成時に欠かせないデバッガー、Firebug。これがあるからFirefoxを手放せいない。Chromeのディベロッパーツールは、とても良さそうですがいまだ食わず嫌いです^^;慣れとは恐ろしいですね。

先日、ウェブ開発者必携の「Firebug」をiPhone, iPadで利用する方法をみてiPhoneにFirebugの設定して、へぇ〜と自己満足してたのですが、ブックマークレットなら他のでもつかえるんじゃね?という事で試してみると、IE6、IE7、safari5.1.2で動きました。通常のFirebugのすべての機能が使えるわけではありませんが、確認するには十分かなって思います。

導入方法は、どのページでもいいのでブラウザのブックマークに登録し(名前はFirebugなど好みで)、参照先を以下のjavascriptに変更して保存するだけです。あとは見たいページを表示した状態で、ブックマークを開く(javascriptを実行する)とFirebugが使えます。

グレー部分は転載です。オリジナルはこちらへ。

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');

でも、よく見たら以前からあるFirebug Liteと同じじゃないか。
こっちも食わず嫌いだったので、今まで知らず。
どうせIEなんてと思いながら調べもしなかったので、、、

ということで、Firebug Liteの配布ページの中程のStable channelと言う所にあるFirebug LiteをブックマークすればOKです。
http://getfirebug.com/firebuglite

まぁ、Firebugでなくてもいいという方は、DebugBarとか、Internet Explorer Developer Toolbarとか幾つかありますね。

最近は分かりませんが、昔のDebugBarの挙動は酷かった印象があるのと、Internet Explorer Developer ToolbarはIE8に入れると標準のツールと干渉するようなので気をつけましょ。

コメントを残す

メールアドレスが公開されることはありません。