「仕事をうまくやりたければ、まずツールを磨かなければなりません?！工趣いΩ裱预摔ⅳ毪瑜Δ?、JavaScript を作成するときに ABC を表示することを期待していても、結(jié)果が XYZ になった場合、コードには何が問題があるのでしょうか?初心者として、JavaScript 自體には問題はなく、ブラウザの実行にも問題はないと強く信じてください。問題は私のコードにあるはずです。

問題のコードを見つけるにはどうすればよいですか?これにはデバッグが必要です。

ブラウザで JavaScript コードをデバッグするには?

まず、Google Chrome ブラウザをインストールする必要があります。Chrome ブラウザは開発者にとって非常に使いやすく、JavaScript コードを簡単にデバッグできます。ここからChromeブラウザをダウンロードします。ウェブページが開けない場合は國內(nèi)ミラーへ移動してください。

インストール後、ランダムにWebページを開き、メニュー「表示」-「開発者」-「開発者ツール」をクリックすると、ブラウザウィンドウが2つに分割され、以下が開発者ツールです:

最初にクリックします「コンソール」。このパネルでは、JavaScript コードを直接入力し、Enter キーを押して実行できます。

変數(shù)の內(nèi)容を表示するには、コンソールで console.log(a); と入力します。Enter キーを押した後に表示される値が変數(shù)の內(nèi)容です。

コンソールを閉じるには、右上隅の「×」ボタンをクリックしてください。 JavaScript コードを作成するときは、コンソールでテスト コードを?qū)g行する必要があることがよくあります。

自分自身に高い要件がある場合は、開発者ツールの「ソース」を研究し、ブレークポイントやシングルステップ実行などの高度なデバッグ スキルを習(xí)得できます。