9

画面の更新を避けるために、ユーザーがリアルタイムで ajax を使用してオプションとして選択したものに基づいて、javascript ファイルを動的に追加する Web アプリケーションがあります。

現在、これらの動的に追加された JavaScript ファイルをデバッグしようとしており、Google Chrome の開発者ツールと Firebug の Firefox 用プラグインの両方を試しましたが、動的に追加された JavaScript の「ファイル」が表示されないことに気付きました。そのため、それらを選択してブレークポイントを追加することはできません。等

それで、これに対する解決策、つまり動的に追加されたjavascriptファイルのデバッグはありますか?

4

2 に答える 2

19

sourceURL評価された文字列を実際のファイルとして扱う必要があることを DevTools に示す方法を確認してください。それはまさにあなたが探していることをします。

評価する文字列の最後に、次の形式のコメントを残します。

//# sourceURL=app/js/myapp.js

そこから、Chrome DevTools (および Firebug) はこれを「実際のファイル」として扱います。

HTML5 Rocks には記事とsourceURL demoがあります。

于 2012-05-23T18:06:35.370 に答える
8

debugger;ブレークポイントを設定する動的スクリプトにステートメントを追加できます。これにより、開発者ツールの UI が開いている間に実行スレッドがステートメントに到達すると、通常のブレークポイントのようにクロムが停止します。

それを使用してスクリプトを開始することもできます。これにより、スクリプトがデバッガーに表示され、その後、必要な場所にブレークポイントを手動で設定できます。

于 2012-05-18T11:54:05.973 に答える