Chromeデベロッパーツールで動的に読み込まれたコードが表示されない22

Question

javascriptを含むhtmlのスニペットをAJAX経由で動的に読み込むと、Chrome 22.0.1229.94のデベロッパーツールウィンドウのソースタブにコンテンツが表示されません。 Tellingly、私はここで

https://developers.google.com/chrome-developer-tools/docs/scripts-breakpoints#js_dynamic

をこのページが古くなっている例開発ツールウィンドウを示しました。ページに動的スクリプトを読み込むためのボタンがあり、そのときにソースタブに表示されません。

回避策は、私はスクリプトに

debugger; 

を追加し、それが動的にロードされたコードで一時停止する原因となりますリロードすることを見出したが、残念ながら、すべての行番号がグレーアウトされていたようとデバッガ内にブレークポイントを設定することはできません。

ここに何か不足していますか？

おかげで、 ロブ

Answer 1

あなたは@ sourceURLに//使用することができます。 Chromeはインラインスクリプトの// @ sourceURLをサポートしていないようです。しかし、それは評価式で動作します。 This articleには、evalブロックの命名とコード内の任意の匿名関数の命名についての詳細が記載されています。

evalを使用する代わりに、スクリプトタグを埋め込むか、JSONPを試すことができます。

Varunkumar Nagarajan

Answer 2

ライブラリまたはあなたがそれを動的にロードしたJavaScriptコードを使用すると、あなたのjavascriptのコードの先頭に句

//@ sourceURL=foo.js 

を使用することができるfoo.jsはそれに割り当てられる名前です。デバッガはその名前でそれを表示します。 これはクロムにも当てはまり、ファイヤーバグでもそうだと思います。 この場合、動的にロードされるjavascriptコードにブレークポイントを配置できます。