ブラウザを使用して JS コードをデバッグする方法

ブラウザで JS コードをデバッグする方法: 1. Chrome ブラウザを開き、実行する Chrome を直接選択します。 2. ページに入り、F12 または「Ctrl Shift I」ショートカット キーをクリックします。 Sources」を開き、コードのデバッグ用のブレークポイントを設定します。

#この記事の動作環境: Windows7 システム、Dell G3 コンピューター、javascript1.8.5&&Chrome76.0。

プログラムを作成する過程では、さまざまな種類の問題に遭遇することがよくありますが、この時点で、どこでエラーが発生するかを確認する必要があります。ただし、JavaScript では、常にこのような問題が発生します。とても不便になります。このとき、各ブラウザに付属のデバッグ ツールが便利です。

Chrome ブラウザ

1 Chrome ブラウザを開きます。 Chrome を直接選択して実行します。他のブラウザと同じ操作です。

2 ページに入ったら、F12 または Ctrl Shift I をクリックします。インターフェイスを右クリックして、 「調べる」を選択します。この時点で、次のインターフェイスが表示されます:

3. 次のように「ソース」を選択します。 # 前の番号をクリックすると、青いボックスが表示されます。これは、その番号がマークされていることを意味します。これは Chrome でのコードのデバッグです。

Firefox ブラウザ

Chrome の最初のステップに従ってください。

ページに入った後、F12 をクリックするか、インターフェースを右クリックして「要素の表示」を選択します。次のインターフェイスが表示されます:

デバッガーを選択し、デバッグが必要なファイルを見つけて、デバッグ ファイル内でデバッグが必要なコンテンツを見つけます。

概要: 上記がこの記事の全内容です。皆さんが JavaScript コードを学習してデバッグするのに役立つことを願っています。

[推奨コース: JavaScript チュートリアル

]

以上がブラウザを使用して JS コードをデバッグする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。