JavaScript プログラミングでの JS デバッグ_JavaScript スキル-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

JavaScript プログラミングでの JS デバッグ_JavaScript スキル

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 03:26 PM

js デバッグ

この記事では主にadderを使ってJSをデバッグする方法を紹介します。まずコードを入力します:
効果:

test.html：

<span style="font-family:Comic Sans MS;font-size:18px;"><!DOCTYPE html> 
<html lang="en"> 
<head> 
  <meta charset="UTF-8"> 
  <title>计算器</title> 
</head> 
<body> 
 
<div> 
  <h2>计算器</h2> 
 
  <div> 
    <input type="text" id="num1"> 
    <span>+</span> 
    <input type="text" id="num2"> 
    <span>=</span> 
    <span id="result"></span> 
    <button id="add">计算</button> 
  </div> 
</div> 
<script src="./demo.js"></script> 
</body> 
</html></span>

ログイン後にコピー

デモ.js

<span style="font-family:Comic Sans MS;font-size:18px;">/** 
 * Created by yanzi on 15/12/8. 
 */ 
var num1 = document.getElementById("num1"), 
  num2 = document.getElementById("num2"), 
  result = document.getElementById("result"), 
  btn_add = document.getElementById("add"); 
 
btn_add.addEventListener("click", onAddClick, false); 
function onAddClick(){ 
  var a = parseInt(num1.value), 
  b = parseInt(num2.value); 
  var sum = add(a, b); 
  result.innerHTML = sum; 
} 
 
/** 
 * 
 * @param a 
 * @param b 
 * @returns {*} 
 */ 
function add(a, b){ 
  return a+b; 
}</span>

ログイン後にコピー

重要な概要:

1. 通常、JS をデバッグする場合、次の 3 種類の印刷情報があります:

a. アラートを使用します。欠点は、毎回ボックスがポップアップすることです。

b. console.log を使用します。データ量は少なくても大丈夫です

c. デバッグ用のブレークポイントを追加します

2. JS では、変数の前に var が付いている場合、関数内に var がない場合は、グローバル変数を意味します。したがって、変数の前には通常 var.

が付きます。

3. 通常、Chrome デバッガーで要素内のコードを確認し、ソースディレクトリでデバッグします。このモードでは、js の各行をクリックしてブレークポイントを追加できます。

4. デバッグモードの右端の 4 つのボタンは、次のブレークポイント、シングルステップ実行、次の関数の開始、関数からのジャンプです。基本的にすべてのデバッグツールにはこの 4 種類があります。

5. ブレークポイントモードでは、コンソールに変数を入力することで現在の値を確認でき、値を自由に変更できます。

上記は js のデバッグの具体的な手順です。JavaScript プログラムを設計する際に js を使用していただければ幸いです。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

ホットツール

ホットトピック

Gmailメールのログイン入り口はどこですか？

7364

Java チュートリアル

1628

CakePHP チュートリアル

1353

Laravel チュートリアル

1266

PHP チュートリアル

1214

Related knowledge

C++ 関数のデバッグの詳細な説明: マルチスレッド関数の問題をデバッグするには? May 02, 2024 pm 04:15 PM

C++ マルチスレッドデバッグでは、次のように GDB を使用できます。 1. デバッグ情報のコンパイルを有効にします。 2. ブレークポイントを設定します。 3. infothread を使用してスレッドを切り替えます。 5. next、stepi、および locals を使用してデバッグします。実際のケースのデバッグデッドロック: 1. threadapplyallbt を使用してスタックを出力します。 2. スレッドのステータスを確認します。 3. メインスレッドにシングルステップでアクセスし、デッドロックを解決します。

LeakSanitizer を使用して C++ メモリリークをデバッグするにはどうすればよいですか? Jun 02, 2024 pm 09:46 PM

LeakSanitizer を使用して C++ メモリリークをデバッグするにはどうすればよいですか? LeakSanitizer をインストールします。コンパイルフラグを介して LeakSanitizer を有効にします。アプリケーションを実行し、LeakSanitizer レポートを分析します。メモリ割り当てタイプと割り当て場所を特定します。メモリリークを修正し、動的に割り当てられたメモリがすべて解放されるようにします。

golang 関数のデバッグと分析へのショートカット May 06, 2024 pm 10:42 PM

この記事では、実行の一時停止、変数の確認、ブレークポイントの設定に使用される組み込みデバッガー dlv など、Go 関数のデバッグと分析のためのショートカットを紹介します。ログ記録。ログパッケージを使用してメッセージを記録し、デバッグ中に表示します。パフォーマンス分析ツール pprof は、コールグラフを生成してパフォーマンスを分析し、gotoolpprof を使用してデータを分析します。実際のケース: pprof を通じてメモリリークを分析し、リークの原因となる関数を表示するコールグラフを生成します。

Java ラムダ式で効率的なデバッグを行うにはどうすればよいですか? Apr 24, 2024 pm 12:03 PM

ラムダ式を効率的にデバッグします: IntelliJ IDEA デバッガー: 変数宣言またはメソッドにブレークポイントを設定し、内部変数と状態を検査し、実際の実装クラスを確認します。 Java9+JVMTI: ランタイム JVM に接続して、識別子の取得、バイトコードの検査、ブレークポイントの設定、および実行中の変数とステータスの監視を行います。

Java 同時プログラミングで同時実行テストとデバッグを実行するにはどうすればよいですか? May 09, 2024 am 09:33 AM

同時実行テストとデバッグ Java 同時プログラミングにおける同時実行テストとデバッグは非常に重要であり、次の手法が利用可能です。同時実行テスト: 単体テスト: 単一の同時タスクを分離してテストします。統合テスト: 複数の同時タスク間の相互作用をテストします。負荷テスト: 高負荷時のアプリケーションのパフォーマンスとスケーラビリティを評価します。同時実行デバッグ: ブレークポイント: スレッドの実行を一時停止し、変数を検査するかコードを実行します。ロギング: スレッドのイベントとステータスを記録します。スタックトレース: 例外のソースを特定します。視覚化ツール: スレッドのアクティビティとリソースの使用状況を監視します。

PHP 非同期コードをデバッグする方法 May 31, 2024 am 09:08 AM

PHP 非同期コードをデバッグするためのツールには、次のものがあります。 Psalm: 潜在的なエラーを検出する静的分析ツール。 ParallelLint: 非同期コードを検査し、推奨事項を提供するツール。 Xdebug: セッションを有効にしてコードをステップ実行することで、PHP アプリケーションをデバッグするための拡張機能。その他のヒントには、ロギング、アサーションの使用、ローカルでのコードの実行、単体テストの作成などがあります。

PHP デバッグエラー: よくある間違いへのガイド Jun 05, 2024 pm 03:18 PM

一般的な PHP デバッグエラーには次のものがあります。構文エラー: コード構文をチェックして、エラーがないことを確認します。未定義の変数: 変数を使用する前に、変数が初期化され、値が割り当てられていることを確認してください。セミコロンの欠落: すべてのコードブロックにセミコロンを追加します。関数が未定義です: 関数名のスペルが正しいことを確認し、正しいファイルまたは PHP 拡張子がロードされていることを確認してください。