序文
毎日の開発では、強力なChromeコンソールソースを使用してコードブレークポイントをデバッグしますが、 $.getScriptやその他の非同期にJSを非同期的にロードすることでソースで見つけることができません。では、ブレークポイントをデバッグする方法は?以下を見てみましょう。
これは、ソースブレークポイントを使用したデバッグの例です。
図では、index.jsで$.getScriptを介してtest.jsを導入して、それがどのように機能するかを確認することがわかります。
ネットワークでは、test.jsが導入されていることがわかりましたが、XHRクラスのリクエストに属しているため、情報源には絶対に見つかりません。
予想どおり、ソースに見つかったtest.jsの痕跡は確かにありませんでした!クライマックスが来ているので、ブレークポイントをデバッグするにはどうすればよいですか? ? ?
私は2つのソリューションを知っています。最初は最も簡単なものです。
解決策1: //@ sourceURL=test.js test.jsコードのヘッダーまたはテールに追加し、デバッグして結果を表示するために(no domain)で見つけます。
ソリューション2: $.getScriptの非同期方法を変更して、スクリプトタグを作成し、同期してロードします。図は直接リストされています:
要約します
コンソールブレークポイントは、コード、関数検出、データ表示、その他のニーズを確認するのに非常に役立ちます。迷惑なコンソールをブレークポイントに置き換えようとします。上記は、この記事のコンテンツ全体です。みんなの勉強や仕事に役立つことを願っています。ご質問がある場合は、メッセージを残してコミュニケーションをとることができます。