2011-01-12 32 views

答えて

1

を使用して、HTML本体に追加しようとしている場合は、ちょうどあなたのJavaScriptコンソールや開発ツールを開きます。

var red = {color: 'red'}; 
console.log(red); 
+0

Firefox用にも動作します! – heltonbiker

4

あなたはFirebugをインストールして、このような

console.log(someObject); 
+3

私は通常、 'if(!console){var console = new Object();}を追加します。 console.log = function(){}; } 'Firebugが無効になっているかブラウザがコンソールを提供していないときにスクリプトの最上部付近にもある。 – carl

+0

これは 'if(!window.console)...'でなければなりません。そうでないと、定義されていないときにエラーが発生します。 – Phrogz

0

何かを行うことができますか?

console.debug(someOjbect); 
0

JSには100%の同等物はありません。しかし、Firebugのconsole.log(someObj)を使用すると、そのプロパティを見るためにクリックできるオブジェクトがコンソールに表示されます。

また、オブジェクトのプロパティであるすべての関数を表示するjsonとしてエンコードしてオブジェクトすることができます。 https://github.com/douglascrockford/JSON-js

0

「コンソール」で印刷するには、ブラウザ固有のものについて話しています。 FirebugとWeb Inspectorを使用すると、console.log(stuff)を使用してコンソールに書き込むことができます。あなたが実際にあなたがChromeを使用している場合document.write(stuff)またはdocument.writeln(stuff)

0

各ブラウザには専用の内蔵コンソールがあります。 Firefoxを使っていると、Firebugのがインストールされ、有効になっている場合は、あなたが何か行うことができるはず:あなたがこれを行うために必要なオブジェクトの数に応じて、

console.log(someObject); 

を、これはあまりにもうまく動作します:

alert(someObject); 
0

console.dir(object)オブジェクトはFirebugとJSインスペクタで正常に動作します。

通常のイディオムがあるので、すべてではない通訳が、しかしconsoleをサポートしていることに注意してください:

if (typeof console !== 'undefined') { 
    console.dir(object); 
} 

http://getfirebug.com/loggingから:

オブジェクトの検査あなたは 手で書かれているどのように多くの時間

のすべてのプロパティをオブジェクト、またはすべての要素をダンプするコード HTMLフラグメント? Firebugを使用すると、 は決してそのコードを書き換えません。

呼び出すconsole.dir(オブジェクト)は、DOMタブのミニチュア版 のように、オブジェクトのプロパティ のインタラクティブリスト を記録します。任意のHTMLまたは XML要素の console.dirxml(要素)を呼び出すと、 というHTMLタブのミニチュア版のような素敵なXML の概要が印刷されます。

1

最も速く、最も汚い方法はalert(someObject)ですが、オブジェクトではあまり役に立ちません。

function dir(obj) { 
    var s = '('; 
    for (k in obj) { 
    v = obj[k]; 
    if (typeof v != 'function') s += ""+k+":"+v", "; 
    } 
    return s+")"; 
} 
関連する問題