以前にprintfデバッグを使用していましたが、それ以来、この方法でバグをより速く修正するように見えました。
場合によっては、より良いツールが必要です。ここに最高のツールがあります。
1。デバッガー;
「デバッガー」を使用できます。強制ブレークポイントをコードに追加するステートメント。
ブレークポイントの条件は必要ですか? if句でそれを包むだけです:
コードコピーは次のとおりです。
if(somethinghappens){
デバッガ;
}
オンラインになる前に削除することを忘れないでください。
2。ノードが変更されたときに切断します
時々、domは独自のアイデアを持っているようです。信じられないほどの変化が起こったときに、問題の根本原因を見つけることは困難です。
Chrome開発者は、この問題をデバッグするための非常に有用なスキルを持っています。これは「Break On ...」と呼ばれ、[要素]タブでDOMノードを右クリックすることで見つけることができます。
ノードのプロパティが変更されたとき、またはサブツリーの変更でノードが変更されたときに、ノードが削除された後にブレークポイントを設定できます。
3。AJAXブレークポイント
XHRブレークポイント、または私がAJAXブレークポイントと呼ぶものは、予想されるAJAX要求が作成されたときに切断を許可します。
これは、Webアプリケーションのネットワークをデバッグするときの驚くべきツールです。
4.さまざまなモバイルデバイスをシミュレートします
Chromeは組み込みのモバイルデバイスシミュレーションツールを追加します。これにより、日常生活が簡素化されます。
コンソール以外のタブを選択してそれらを見つけ、キーボードのESCキーを押して、タッチするモバイルデバイスを選択します。
あなたは確かに本物のiPhoneを手に入れることはありませんが、サイズ、タッチイベント、Agemtがあなたのために続きます。
5。監査を通じてサイトを改善します
Yslowは素晴らしいツールです。 Chromeには、開発者ツールの下で監査と呼ばれる同様のツールも含まれています。
Webサイトの簡単なレビューを使用して、実用的な最適化のヒントを提供します。
ほかに何か?
これらのツールがなければ、どのように開発するか想像できません。新しいものを見つけたらもっと投稿するので、お楽しみに。