Firebug - web development evolved Firebugの開発版に「Break On Next」または「Break On」と呼ばれる新機能が追加された。これは既存のデバッグ機能であるブレークをさらに拡張するもので、Webアプリケーション開発を支援する便利な新機能として注目される。Firebug 1.5b1以降で利用できる。 Software is hard - Firebug 1.5: Break On Nextで、「Break On Next」または「Break On」の機能概要が紹介されている。既存のブレーク機能はソースコードの特定のポイントにマークをつけておき、実行がそのポイントに到達したらプログラムの実行を一時停止するというもの。その段階で関連する変数の値を調べたり、ステップバイステップで処理を進めながら、実際にどういった処理が行われているかを調査すること
DebugBarの動作例 - DebugBarサイトから抜粋 Webアプリケーション開発に必須のツールといえばFirefoxとそのエクステンションFirebugだ。その機能は驚くべきものがあり、もはやFirebugなくてはWebアプリケーション開発はできないと考えるデベロッパやデザイナは少なくない。 エクステンションが豊富に用意されているFirefoxだが、ほかのWebブラウザでも似たような機能を提供するものがある。ここでは先日新しいバージョンが公開されたDebugBarを紹介したい。DebugBarはIEを対象として開発されたツールで、Firebugの機能をIEでも実現することを目指している。 今回公開されたバージョン(5.0 beta 1)では新しくDOMタブが追加されている。DOMツリー上のノードが選択されると、Source/Style/Comp.Style/Layout/Attrs
恥ずかしながら最近になってやっとtoSource関数の便利さが分かりました。 今まではデバッグ中にFireBugのconsole.info(object)を実行して、中身を確認するためにマウスでポチポチとInspectしていましたが、object.toSource()としておけば中身をすぐ確認できるので非常に重宝しています。 連想配列 特に有効なのは連想配列の中身が知りたい場合で、toStringでは var assoc = {"a":1,"b":2,"c":3}; assoc.toString(); 結果："[object Object]"となり解読不能なのですが、toSourceを使えば var assoc = {"a":1,"b":2,"c":3}; assoc.toSource(); 結果："({a:1, b:2, c:3})"となって中身が丸見えでデバッグが楽チンです。 配列 配
id:brazil さんのブックマークで知ったのだが、 Firebugには、便利な組み込み関数が定義されているようだ。 一通りさわってみたのだが、 $x() で 任意のXPath要素が取得できるのとかに感動した。 そして、やっぱりちゃんとドキュメント読むべきだなぁと思った。 XPathから要素を取得する。 $x("/html/body/h1"); -> 要素の配列が返ってくる。 selector名から要素を取得する。(getElementsByTagName) $$("h1") -> 要素の配列 所要時間測定 console#time, console#timeEnd time ~ timeEnd で囲んだ部分の所要時間を 計測することが出来るみたいで、 以下のような関数にまとめると良さそうだ。 function bench( callback ) { var uniq_id = Date
Firebug FirebugでWeb開発の効率を上げよう send Agenda • 自己紹介 • Firebugとは？ • Firebugを使ったWeb開発 • より深くFirebugを知る 自己紹介 send って何者? • 酒井一晃 • nothing but trouble • http://d.hatena.ne.jp/send/ • 株式会社 リンクシンク • http://www.linkthink.co.jp/ LINKTHINK って？ • 開発者はこんな人たち • Gentoo Linux Po
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
