ツール・サイト紹介
ニュース/2ちゃんねる

今週の人気記事

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

あとで読む Clip to Evernote このエントリーをはてなブックマークに追加
Firebug
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');


Firebug

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


Firebug

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

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


いつでもどこでもFirebugを使いたいという方は是非お試し下さい。
 本記事で紹介したサイト
Firebug
http://martinkool.com/post/13629963755/firebug-on-ipad-and-iphone
あとで読む Clip to Evernote このエントリーをはてなブックマークに追加
Related Posts Plugin for WordPress, Blogger...

 この記事をみた人はこんな記事も見ています

 前後の記事もどうぞ

 この記事をブックマーク/共有する

 トラックバックURL

http://trackback.blogsys.jp/livedoor/kamekiti1115/5514469
Twitterの声
はてなブックマークの声
Facebookの声
この記事についたコメント

コメントする
お名前
二十歳街道まっしぐら 2nd @カメきち 2010.10.01-