javascript - WebKit開発者ツールを使用してJavaScriptでユーザーエントリの問題をデバッグする方法は？

Question

選択ドロップダウンを複数回変更した後、ユーザー入力で入力が2倍、3倍、4倍などになるという問題があります。これが私のジレンマを示し、質問を提起する小さなビデオです：http ://screencast.com/t/7Gb01nGe787p

基本的に問題は、このような状況で適切にデバッグする方法です。

Answer 1

デバッグ方法は、コードの構造に大きく依存すると思います。

ウィジェット（jquery UIのもの、プラグイン、外部ライブラリなど）を使用している場合は、いつでも検索して、既知のバグ/問題があるかどうかを確認できます。それとは別に、構成をチェックすること（構成が数回正しくないために焼かれました）が役立つ場合があります。また、ウィジェットの動作を妨げる可能性のある、定義したイベントなどの競合するコードを確認してください。Webkitコンソールでオブジェクトを操作することは、UIの操作に必ずしも依存することなく、コードが機能する場合と機能しない場合をより簡単に見つけることができるため、これに特に役立ちます。

他の人が書いたものを使用していない場合、私の意見ではデバッグは少し簡単です。私にとって、それは本当に私が探している場所の範囲を狭めることに帰着します。問題に関連するイベント（onKeyUpなど）がある場合は、ログに記録します。Console.logは、特にUIの状態を処理する場合に大いに役立つ可能性があり、ブレークポイントも同様です。これが必ずしも最善の方法であるかどうかはわかりませんが、適切な状況で非常に役立つと思います。

本当に行き詰まっている場合は、いつでも思い切ってコードの一部を削除し始めることができます。あまり良く聞こえないかもしれませんが、本当に行き詰まっていて、コードのどのセクションに問題があるのか​​わからない場合は、少なくともどこを見ればよいかを示すことができます。繰り返しになりますが、最も美しい解決策ではありませんが、複数の機会で多くの頭痛の種を減らすことができました。

お役に立てれば。