javascriptデバッグの説明

2478 ワード

以前はjavascriptはIOに対するサポートが弱く、対応するテキストファイルには書き込みができませんでした.また、異常なオブジェクトのErrも統一されておらず、詳細なスタックは印刷できませんでした.カスタムの例外オブジェクトは、通常、私たちはそのメッセージのプロパティだけを見て、他のカスタム属性は、最も遅いfor...inサイクルで巡回する必要があります.この時はしょうがないです.私たちはブラウザの様々なプライベート実現を助けます.以下はconsolieオブジェクトの方法リストであり、firebugについてはより詳細にこの記事を使用しています.
関数
説明
log(obj[、obj、...])
コンソールに情報を出力します.複数のパラメータを入力できます.出力はスペースで区切られた各パラメータを出力します.第1のパラメータは、例えば、log(%d個%s)、count、apple)を含むことができます.文字列書式:%s:文字列.%d,%i:数字.%f:浮動小数点数%o-ハイパーリンクオブジェクト.
debug(obj[,obj,…])
コンソールに情報を出力します.情報にはハイパーリンクが出力先にリンクされています.
info(obj[,obj,…])
コンソールに情報アイコンと背景色の情報を出力します.情報にはハイパーリンクが出力先にリンクされています.
warn(obj[,obj,…])
警告アイコンと背景色の情報をコンソールに出力します.情報にはハイパーリンクが出力先にリンクされています.
error(obj[,obj,…])
エラーアイコンと背景色の情報をコンソールに出力します.情報にはハイパーリンクが出力先にリンクされています.
クラスメイト(expression[,obj,…])
trueであるかどうかをテストします.falseであれば、例外情報をコンソールに提出します.
dir(obj)
オブジェクトの属性を一覧表示します.
dirxml(node)
HTMLまたはXML ElementのXMLソースツリーを一覧表示します.
トレイ()
出力スタックの呼び出し入り口.
group(obj[,obj,…])
情報を再びコンソールに出力します.グループをグループ化End()により終了します.
group End()
グループ出力を終了します.
time(name)
nameという名前のタイマーを作成し、コードの実行時間を計算し、timeEndを呼び出してタイマーを停止し、実行時間を出力します.
timeEnd(name)
nameという名前のタイマーを停止し、実行時間を出力します.
profile([title])
スクリプトの性能テストを開始します.titleはテストタイトルです.
profileEnd()
性能テストを終了します.
count([title])
コードの実行回数を計算します.titileは出力タイトルとして機能します.
firebugは多くなくて、IE 8もconsolie.logがありますが、これはF 12を押してデバッグモードに入る時に有効です.そうでないとエラーが発生します.エラーを報告しないためには、通常は空のオブジェクトでカバーする必要があります.
 
  
if (!window.console ){
window.console = {};
var methods = ["log", "debug", "info", "warn", "error", "assert", "dir", "dirxml",
"group", "groupEnd", "time", "timeEnd", "count", "trace", "profile", "profileEnd"],
noop = function(){}
for (var i = 0,method;method=methods[i++];)
window.console[method] = noop;
}
たぶんopera 9.5 xの後に、ドラゴンズflyというものがもう一つ増えました.明らかに、それはfirebugの種類の多いログ出力と比較することができなくて、それはただ一つのopera.postErr方法を提供しました.
 
  
if (window.opera && opera.postError) {
opera.postError(message);
}
safariにもconsolie.logsがありますが、それはWeb Inspectorのコンポーネントに基づいています.感じはfirefoxと似ていますが、果物党ではありません.その方法がfirebugほどあるかどうかは分かりません.ブラウザの新貴重なchromeについては、今はその拡張プログラムでfirebugをインストールしたchromeバージョンを検索できます.