ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript のテストとデバッグの負担を軽減します。

JavaScript のテストとデバッグの負担を軽減します。

黄舟
リリース: 2016-12-14 15:46:11
オリジナル
1025 人が閲覧しました

JSP、ASP.NET、ColdFusion などの Web 開発プラットフォームは、多数の強力なサーバーサイド開発オプションを提供します。ただし、JavaScript を使用したクライアント側の Web 開発を否定するものではありません。

JavaScript はロジック機能とユーザー インターフェイス機能の両方を提供し、サーバー側の処理の負荷を軽減します。私たちは何年も使っていますが、その開発ツールは少し時代遅れです。次に、JavaScript の開発とデバッグのオプションを詳しく見てみましょう。

開発ツール

Visual Studio や NetBeans などの統合開発環境 (IDE) の使用に慣れている場合は、コードのステップ実行、ブレークポイントの設定、変数の監視などのさまざまなデバッグ オプションに精通している必要があります。これらは、コードの実行を監視したり、バグを追跡したりする場合に不可欠なツールです。残念ながら、これらのツールは JavaScript 開発者の間ではあまり人気がありません。

デバッグ

アプリケーション開発における重要なステップは、スクリプトまたはコード内のエラーを追跡することです。これには、コード断片を分離し、一行ずつ分析することが含まれます。 JavaScript を使用する場合、開発ツールが開発される前に使用されていたメソッドを使用できます。

この場合、最も一般的に使用される JavaScript 関数の 1 つは、警告メッセージ ボックスです。これを使用して、変数/オブジェクトに格納されている値を調べたり、ループで使用してオブジェクトの内容を表示したりできます。

たとえば、リスト A の HTML コードは期待どおりに実行されません:


JS Test



名前:

住所:


フォームが実際に送信される前に、2 つのテキスト フィールドに入力された値が検証されるのは当然です。

このフォームは入力された値に関係なく常に送信されるため、アラート ステートメントを使用してスクリプトの実行中に値の内容を確認できます。リスト B のスクリプトは、アラート ステートメントを使用して変数の値を監視します:


JS Test
< /head>


名前:

アドレス: <名前を入力="contactNumber " type="text" />

その他の関連記事については、PHP 中国語 Web サイト (www.php.cn) に注目してください。


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