ホームページ >ウェブフロントエンド >jsチュートリアル >ブラウザを使用して JS コードをデバッグする方法
#この記事の動作環境: Windows7 システム、Dell G3 コンピューター、javascript1.8.5&&Chrome76.0。 プログラムを作成する過程では、さまざまな種類の問題に遭遇することがよくありますが、この時点で、どこでエラーが発生するかを確認する必要があります。ただし、JavaScript では、常にこのような問題が発生します。とても不便になります。このとき、各ブラウザに付属のデバッグ ツールが便利です。ブラウザで JS コードをデバッグする方法: 1. Chrome ブラウザを開き、実行する Chrome を直接選択します。 2. ページに入り、F12 または「Ctrl Shift I」ショートカット キーをクリックします。 Sources」を開き、コードのデバッグ用のブレークポイントを設定します。
Chrome ブラウザ
1 Chrome ブラウザを開きます。 Chrome を直接選択して実行します。他のブラウザと同じ操作です。 2 ページに入ったら、F12 または Ctrl Shift I をクリックします。インターフェイスを右クリックして、 「調べる」を選択します。この時点で、次のインターフェイスが表示されます: 3. 次のように「ソース」を選択します。 # 前の番号をクリックすると、青いボックスが表示されます。これは、その番号がマークされていることを意味します。これは Chrome でのコードのデバッグです。Firefox ブラウザ
Chrome の最初のステップに従ってください。
ページに入った後、F12 をクリックするか、インターフェースを右クリックして「要素の表示」を選択します。次のインターフェイスが表示されます:
デバッガーを選択し、デバッグが必要なファイルを見つけて、デバッグ ファイル内でデバッグが必要なコンテンツを見つけます。
[推奨コース: JavaScript チュートリアル
]以上がブラウザを使用して JS コードをデバッグする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。