たとえば、ajax リクエストがあり、それが を返します<script src='buggy.js'></script>。
問題は、ソースまたはリソース パネルに表示されないことです。つまり、ブレークポイントの追加や実行中の要素の検査などのすべてのクールなことを行うことはできません。
Network パネルの下に js ファイルのソースしか表示されませんでした。
クロムにそれらをソースパネルに追加させる方法はありますか?
または、動的に追加されたスクリプトをどのようにデバッグしていますか?
カナリアを使用。
私は同じ問題を抱えていましたが、意図的な例外よりも優れた回避策を見つけました。Chrome 開発ツール内にブレークポイントを設定するだけでなく、コードを変更する必要があります。
OPから回避策として提案された「//# sourceURL=dynamicScript.js」を使用してみましたが、例外が発生した前回のタブに既に存在していない限り、まだ表示されませんでした.
「デバッガー」のコーディング。行はその場所で強制的に切断されました。ソース パネルのタブに移動したら、通常のようにブレークポイントを設定し、「デバッガー」を削除できます。ライン。
https://developer.chrome.com/devtools/docs/javascript-debugging#breakpoints-dynamic-javascriptを参照してください
(元のリンクは壊れています -- 以下のアーカイブ リンク)
http://web.archive.org/web/20141016164821/https://developer.chrome.com/devtools/docs/javascript-debugging#breakpoints-dynamic-javascript (「動的 JavaScript のブレークポイント」)。