HOME

FireBugのCommand Line API

Command Line APIの日本語解説

赤枠の所にコマンドを入力すると式を評価し結果を戻してくれます。 1+1[Enter]してみます。 2と表示されました。
この機能を利用し関数をテストしたり情報を取得したりできます。 FireBugには特別のコマンドラインが準備されていますのでそれを解説します。テスト用HTML <html> <head> <title>Test Debugger</title> <style type="text/css"> <!-- *{font-family:Arial, Helvetica, sans-serif} body {background :#ddd; color : #444;} #id1{color : red;background-color : #ffffff;} .Class1{font-weight : bold;} --> </style> <script> function j(){ var a=1; alert(a); } </script> </head> <body> <h1>Firebug for Firefox</h1> <h2 onclick="j()">Stuff to test...</h2> <div id="id1">テスト<span class="class1">！</span></div> <div>テスト<em class="class1">！</em></div> <h1 style="color: #aaa">7go.biz</h1> </body> </html>
$(id) 所定のID「id」で一つの要素を返します。例： $("id1") 結果：
$$(selector) 与えられたCSSセレクタ「selector」に合う要素の配列を返します。例： $$(".class1") 結果：
$x(xpath) 与えられたXPath式「xpath」に合う要素の配列を返します。例： $x("html/body/div/span/text()") 結果：
dir(object) オブジェクト「object」の解析結果を表示させます。例： dir(document.getElementById("id1")) 結果：
dirxml(node) 与えられたノード「nodo」のHTML/XMLのツリー構造を表示させます。例： dirxml(document.getElementById("id1")) 結果：
clear() コンソールを何も表示されていない状態に戻します。例： clear() 結果：
inspect(object[, tabName]) 最も適当なタブ、または任意のタブ名「tabName」によって特定されたタブでオブジェクト「object」を調べます。利用可能な「tabName」は、"html"、"css"、"script"、"dom"です。例： inspect(document.getElementById("id1")) 結果：
keys(object) オブジェクト「object」のすべてのプロパティーの名前を配列で返します。例： keys(document.getElementById("id1")) 結果：
values(object) オブジェクト「object」のすべてのプロパティーの値を配列で返します。例： values(document.getElementById("id1")) 結果：
debug(fn) 関数「fn」の最初の行にブレークポイントを加えます。例： debug(j) 結果：
undebug(fn) 関数「fn」のブレークポイントを解除します。例： undebug(j) 結果：
monitor(fn) 関数「fn」が呼び出されると表示します。例： monitor(j) 結果：
unmonitor(fn) monitor(fn)を解除します。例： unmonitor(j)
profile([title]) 関数単位での実行時間などの動作解析をスタートします。例： profile("テスト") 結果：
profileEnd() profile([title])を終了し結果を表示します。例： profileEnd() 結果：
cd(window) 最初トップレベルのウィンドウを対象としてコマンドラインは働きます。フレーム利用のページの時希望のウィンドウ「window」を対象にします。例：トップレベルウィンドウ <html> <head> <title>フレーム</title> </head> <frameset rows="50%,50%"> <frame name="fr1" src="test1.htm"> <frame name="fr2" src="test2.htm"> <noframes> <body> </body> </noframes> </frameset> </html> cd(fr1)

スポンサードリンク

▲TOP