JavascriptChromeをデバッグする

ast Python module | base64 Python module | code Python module | COM PHP module | Ev PHP module | File handling | gc Python module | html Python module | http Python module | imp Python module | inspect Python module | io Python module | JavaScript | os Python module | PS PHP module | Python Development | Python functions | re Python module | site Python module | StackOverflow | struct Python module | test Python module | time Python module | UI PHP module

Michael Zippo

専門家でさえ、コーディングは簡単ではありません。これがおそらく、開発者がコードのバグを探すのに多くの時間を費やす理由です。バグが明らかな場合があり、プログラム全体が一度にクラッシュします。また、バグが非常に微妙で、常に欠陥を含む見栄えの良い出力が生成される場合もあります。

直感に反するように聞こえるかもしれませんが、明らかなバグは見つけやすいため、より優れています。卑劣なバグは何年もの間日常のソフトウェアに潜んでいる可能性があります。

このように考えてください：毒ガスでゆっくりと満たされている建物にいる場合は、ガスを無臭にする必要があります、無味で無色、または明るい紫色で粉末のようなにおいがします。大砲？

デバッグは開発プロセスの重要なステップです、これを行うために利用できるツールはたくさんあります。今日は、ChromeでのJavaScriptのデバッグについて説明します。 Javascriptは、最も人気のある言語の1つであり、全体として、間違いなくWeb開発で最も人気のある言語です。同様に、Chromeは最も使用されているウェブブラウザの1つです。

間もなく需要の高いウェブ開発者になる
a>、ChromeでのJavaScriptのデバッグに慣れておくことをお勧めします。このエレガントなサンプルWebページ>に従うことをお勧めします。デバッグを練習するために特別に作成されました。

ソースパネルの使用

[要素]タブでは、Webページを構成するHTMLとJavaScriptを参照できます。 [コンソール]タブでは、JavaScriptをいじくり回すことができます。前のセクションでリンクされているサンプルページのコンソールを開き、console.log（`hello`）と入力します。このJavaScriptコマンドはブラウザで実行する必要があります。

[ソース]タブには、ページのソースファイルの実際のコンテンツが表示され、ブレークポイントを設定して呼び出しスタックを検査する方法が提供されます。

ブレークポイントとデバッガー;

ブレークポイントは、印刷手順とともに、開発者がデバッグに使用する基本的な手法の1つです。

Chromeコンソールでブレークポイントのシャットダウンを定義するのは簡単です-数字をクリックするだけです。éro興味のある行から来ました。ブレークポイントは、コードの実行が自動的に停止する場所です。これにより、各変数の現在の値や行われた変換など、これまでに発生したすべてを検査できます。

ブレークポイントは、進行状況を確認するための優れた方法です。何かがうまくいかないかどうかを確認するためのコード。

デバッガーを配置することで、同じ効果を手動で実現できます。デバッグプロセスを開始するコードで。

複数のブレークポイントを設定することで、コードが実行しているすべてのことをクローズアップして、エラーを簡単に見つけることができます。

デバッグの技術を習得するために必要なのはこれだけではありませんが、それは素晴らしいプラスです。最も正しいコード修正は、コードを何をしたいのかについて非常に辛抱強く、非常に明確に考え、実際に言ったコードと比較することです。 。 ;