10個のConsoneでDebugにする上級テクニック
2424 ワード
私たちはよく知っている知识の轮に限っていますが、たまには広く开拓して、あまり见られない便利な技を使って、自分の快适な轮を広げていくことも大切です.原文:10 Tips for Javascript Debugg ing Like a PRO with Cosone 翻訳者:Fundbug 可読性を保証するために、本文は直訳ではなく意訳を採用する.また、この著作権は元の作者に帰属し、翻訳は学習にのみ使用されます.
過去10年間で、私が最も熱中していたことの一つは先端開発(特にJavaScript)です.職人として、いろいろなものを研究するのが好きです.本論文では、旧式のconsoneでdebugするテクニックを紹介します.
はい、私たちは次の基本的なテクニックを知っています.
1.consone.trace()
メッセージがどこで印刷されたのかを知りたいなら、
2.consone.time()&consone.timeEnd()
関数の性能を分析したいならば、
3.consone.memory
性能問題を発見したら分析が難しいかもしれません.メモリリークがあるかどうかはまだ考慮しなければならないかもしれません.
Funndebugはあなたを助けてもっと良くdebug、試用を歓迎します!
4.consolie.profile(profile Name)&consosolie.profileEnd(profile Name)
標準的なやり方ではないが、広く使われている.この二つのコマンドを使用してプロファイリングを起動して停止してもいいです.これはコードの中で正確なprofilingを作るのに役立ちます.手動のマウスクリックに依存しません.ブラウザコンソール
5.consolie.co unt(「STUFF I COUNT」)
関数またはセグメントコードを記録するために何度も繰り返し実行する場合があります.
6.consone.asert(false,「Log me!」)
7.consone.group(‘group’)&consolone.group End(‘group’)
印刷されたロゴをフォーマットしたいなら、
8.String substitions
9.consolie.clear()
私たちはもうコンソールで多くの記録を出力しました.
10.consolie.table()
最後の圧巻!
Funebugについて
FunndebugはJavaScript、微信小プログラム、微信小ゲーム、支付宝小プログラム、React Native、Node.js、JavaリアルタイムBUGの監視に専念しています.2016年に双十一が正式にオンラインしてから、Fundebugは累計で7億＋エラー事件を処理して、Google、360、金山軟件、庶民ネットなど多くの有名なユーザーに承認されました.無料試用を歓迎します.
著作権声明
転載する時、作者のFunebugと本文の住所を明記してください.https://blog.fundebug.com/2018/03/19/10-tips-for-debugging-with-console/
過去10年間で、私が最も熱中していたことの一つは先端開発(特にJavaScript)です.職人として、いろいろなものを研究するのが好きです.本論文では、旧式のconsoneでdebugするテクニックを紹介します.
はい、私たちは次の基本的なテクニックを知っています.
console.log(‘Hello World!’);
console.info(‘Something happened…’);
console.warn(‘Something strange happened…’);
console.error(‘Something horrible happened…’); 1.consone.trace()
メッセージがどこで印刷されたのかを知りたいなら、
console.trace()を使ってプリントするデータのstacktraceを取得します.2.consone.time()&consone.timeEnd()
関数の性能を分析したいならば、
console.time()を使って計時してもいいです.console.timeEnd()は計時を終了します.コンソールは2回の間の時間差を印刷します.3.consone.memory
性能問題を発見したら分析が難しいかもしれません.メモリリークがあるかどうかはまだ考慮しなければならないかもしれません.
console.memoryを使って、現在のヒープの使用状況を確認してください.Funndebugはあなたを助けてもっと良くdebug、試用を歓迎します!
4.consolie.profile(profile Name)&consosolie.profileEnd(profile Name)
標準的なやり方ではないが、広く使われている.この二つのコマンドを使用してプロファイリングを起動して停止してもいいです.これはコードの中で正確なprofilingを作るのに役立ちます.手動のマウスクリックに依存しません.ブラウザコンソール
Javacript Profilerに先ほどのプロfileを見つけることができます.5.consolie.co unt(「STUFF I COUNT」)
関数またはセグメントコードを記録するために何度も繰り返し実行する場合があります.
console.count('?')を使用して記録することができます.このコードを実行するたびに、自動的に1を追加します.6.consone.asert(false,「Log me!」)
console.assertを使用して、if-elseではなく、いくつかの偽の条件でメッセージを出力しても良い.注意:Node.jsでエラーが発生します.7.consone.group(‘group’)&consolone.group End(‘group’)
印刷されたロゴをフォーマットしたいなら、
console.group()とconsole.groupEnd()を使ってもいいです.consolie.groupを使用して、logをグループ化し、入れ子の階層を形成することができる.例を見てください8.String substitions
console.logを使って変数(%s=string、%i=integer、%o=object、%f=float)を印刷できます.9.consolie.clear()
私たちはもうコンソールで多くの記録を出力しました.
console.clear()を使って空を確認してみます.10.consolie.table()
最後の圧巻!
console.table()を使って、対象を表の形式で印刷してもいいです.Funebugについて
FunndebugはJavaScript、微信小プログラム、微信小ゲーム、支付宝小プログラム、React Native、Node.js、JavaリアルタイムBUGの監視に専念しています.2016年に双十一が正式にオンラインしてから、Fundebugは累計で7億＋エラー事件を処理して、Google、360、金山軟件、庶民ネットなど多くの有名なユーザーに承認されました.無料試用を歓迎します.
著作権声明
転載する時、作者のFunebugと本文の住所を明記してください.https://blog.fundebug.com/2018/03/19/10-tips-for-debugging-with-console/