2017-09-06 1 views
0

今私はデバッグで怠惰になっているときに、時折印刷するオブジェクトを調べるためにfirebugを使用します。私はこの方法ではと私は私が入力できるオブジェクトを検査したいのであれば:オブジェクトを文字列の一部として印刷し、火虫がそれを検査する方法を教えてください。

console.log(object); 

をして放火犯で、私は私が感じるように内のキーを拡大し、崩壊を含め、それを調べることができ、それは非常にcovenientです。

しかし、私は今、オブジェクトを行の一部に含めることができるようにしたいと思います。だから、例えば、多分私はこのような何かをしたい:

const value = calculateValue(key); 
console.log(`value for ${key} is ${value}`); 

これは私がやりたいことはありません。私は2つのラインでこれを回避することができ

など
value for foo is ${object} 

の代わりに、放火犯が拡大し、検査することができます何かされた値、

:私のようなものになるだろう

console.log('value for key ${key}:'); 
console.log(value); 

作品、私はこのことを約束/発電機/サガやその他のスレッドロジックを使って試していたのでは、理論的には問題になる可能性があります。

私は長い行の一部としてオブジェクトを提供し、ファイアウォブがそのオブジェクトを検査できるオブジェクトとして認識できるようにする簡単な構文がありますか?

+0

これらのいずれかが有効な場合は、回答を選択してください。それでも問題が解決しない場合は、更新してください。 –

+0

[Firebugは正式に廃止されました](https://hacks.mozilla.org/2016/12/firebug-lives-on-in-firefox-devtools/)、Firefoxユーザーは[Firefoxの組み込みDevTools](https://developer.mozilla.org/en-US/docs/Tools/)を参照してください。 –

+0

@SebastianZartnerあなたの権利。私は開発ツールで作られたfirefoxを使っていましたが、私はちょうどfirebugを参照するのに慣れています。私はまだ同様のルック・アンド・フィールを持つ組み込みツールを呼び出すと思います。しかしそれは私のところでは誤解を招いていた。 – dsollen

答えて

2

使用console.dir(object)

console.log(`value for ${key} is`, value); 

またはJSON.stringifyカンマを使用するので、ブラウザに出力し、それはFirebugので検査可能となります。

明らかに、prodからの開発と削除に使用してください。

+0

誰がFirebugを使用していますか? :) – epascarello

+0

@epascarello私は感情に同意します。そこには優れたツールがあります。 OPはそれを言いました。 –

+0

@epascarello私は接続が限られている地域で働くことが多いので、火かき棒を持っていることが保証されていますが、必ずしも他の優れたツールを持つ必要はありません。 – dsollen

1

だから、

+0

あなたの例では、値を$()で囲む必要はありません; – dsollen

+0

ああ、コピー貼り付けエラー:) – epascarello

関連する問題