ホームページ ウェブフロントエンド jsチュートリアル JavaScript で DOM ブレークポイントのデバッグ方法を使用するためのヒント debugging_javascript のヒント

JavaScript で DOM ブレークポイントのデバッグ方法を使用するためのヒント debugging_javascript のヒント

May 16, 2016 pm 04:52 PM
javascript ブレークポイントのデバッグ

一部の学生は、ソースコード検索を使用できると言うでしょう。実際、比較的単純なページの場合、このアプローチは多くの場合機能します。ただし、比較的複雑な構成のページ (たとえば、ページに多くのスクリプト ファイルとフラグメントが埋め込まれ、オブジェクト指向実装の大部分が使用され、実装コードが隠蔽されている) の場合、検索はそれほどスムーズではない可能性があります。

JavaScript のデバッグでは、ブレークポイント デバッグがよく使用されます。実際、DOM 構造のデバッグでは、DOM ブレークポイントというブレークポイント メソッドを使用することもできます。

具体的な使用法:

1. Chrome ブラウザで開発者ツールを開き、まずページ要素を選択してからマウスを右クリックし、メニューの [Break on...] をクリックして、[属性の変更] をチェックします。ページを更新すると、要素の属性が変更されると、スクリプトの実行が一時停止され、変更の場所が特定されます。

2. firebug がインストールされた Firefox ブラウザで、firebug を開き、「HTML」タブに切り替え、監視する必要がある DOM 要素を選択し、マウスを右クリックして、「属性が変更されたときに中断する」にチェックを入れます。メニュー。これで HTML ブレークポイントが正常に追加されました。ページを更新した後、firebug は要素の属性を変更するコードを見つけるのにも役立ちます。

Chrome と Firebug は、DOM 要素自体のプロパティの変更を監視するだけでなく、その子要素への変更や要素が削除されたときも監視できます。

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

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 Dec 17, 2023 pm 02:54 PM

WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法

WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー Dec 17, 2023 pm 05:30 PM

WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー

WebSocketとJavaScriptを使ったオンライン予約システムの実装方法 WebSocketとJavaScriptを使ったオンライン予約システムの実装方法 Dec 17, 2023 am 09:39 AM

WebSocketとJavaScriptを使ったオンライン予約システムの実装方法

JavaScript と WebSocket を使用してリアルタイムのオンライン注文システムを実装する方法 JavaScript と WebSocket を使用してリアルタイムのオンライン注文システムを実装する方法 Dec 17, 2023 pm 12:09 PM

JavaScript と WebSocket を使用してリアルタイムのオンライン注文システムを実装する方法

簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法 簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法 Jan 05, 2024 pm 06:08 PM

簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法

JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 Dec 17, 2023 pm 05:13 PM

JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築

JavaScriptでinsertBeforeを使用する方法 JavaScriptでinsertBeforeを使用する方法 Nov 24, 2023 am 11:56 AM

JavaScriptでinsertBeforeを使用する方法

JavaScript で HTTP ステータス コードを簡単に取得する方法 JavaScript で HTTP ステータス コードを簡単に取得する方法 Jan 05, 2024 pm 01:37 PM

JavaScript で HTTP ステータス コードを簡単に取得する方法

See all articles