ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptでデバッグを実行する方法

JavaScriptでデバッグを実行する方法

青灯夜游
リリース: 2021-04-15 16:22:50
オリジナル
4079 人が閲覧しました

JavaScript でデバッグを実行する方法は次のとおりです。 1. console.log() メソッドを使用してデバッグします。これにより、ブラウザのコンソールに結果が表示されます。 2. キーワード「debugger」を使用してブレークポイントを設定します。コードの各行。

JavaScriptでデバッグを実行する方法

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

JavaScript でデバッグを実行する方法には、console.log() メソッドを使用する方法、またはキーワード「debugger」を使用する方法があります。

コードにエラーが含まれる場合があります。 JavaScript はスクリプト言語として、ブラウザーにエラー メッセージを表示できません。ただし、これらのエラーは出力に影響を与える可能性があります。これらのエラーを見つける最善の方法は、コードをデバッグすることです。まずは詳細から説明していきます。

組み込みの Web ブラウザ デバッガーを使用すると、コードを簡単にデバッグし、エラーを見つけることができます。デバッグを実行するには、次の 2 つの方法を使用します:

1. console.log() メソッドを使用します。

2. キーワード「debugger」を使用します。

これら 2 つのメソッドを詳しく紹介します。

console.log() メソッドを使用しますlog() メソッド。ブラウザコンソールに結果を表示します。コードにエラーがある場合は、エラー メッセージが生成されます。

例: コンソールに結果を入力し、出力を表示します

x = 10;  
y = 15;  
z = x + y;  
console.log(z);  
console.log(a);   //a没有什么定义,无法输出,会出错
ログイン後にコピー

出力:


JavaScriptでデバッグを実行する方法

説明

: ブラウザでコンソールを開くには、F12 キーを押すか、Ctrl Shift i のキーの組み合わせを使用する必要があります。

「デバッガー」キーワードを使用しますデバッグでは、通常、コード自体のコンテンツにブレークポイントを設定して、段階的にチェックします。コードの各行。

デバッガは、「debugger」キーワードの位置でプログラムの実行を停止し、例外が発生した場合は、その特定の行で実行を再度停止します。

x = 10;    
y = 15;    
z = x + y;    
debugger;    
alert(z);    
alert(a);
ログイン後にコピー
出力:


##alert(z); が実行され、15 が出力されますが、alert(a) はエラーを返します。

JavaScriptでデバッグを実行する方法


ダイナミック効果:

JavaScriptでデバッグを実行する方法

要約: 上記がこの記事の内容全体です。

JavaScriptでデバッグを実行する方法【おすすめの関連ビデオ チュートリアル:

javascript チュートリアル

以上がJavaScriptでデバッグを実行する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート