2011-11-23 18 views
63

ChromeとJavaScriptデバッガを使用しているときに、ページ/スクリプトをリロードするたびにブレークポイントが失われ、ポップアップでスクリプトファイルを見つけて、ブレークポイントのコード行を見つけ、クリックしてそれを追加するなどChrome JavaScriptのデバッグ - ページリフレッシュとブレークの間にブレークポイントを保存する方法

これらのブレークポイントを保存してページをリフレッシュした後でも破損するような方法はありますか(他のデバッガはこれを使用しています)?

また、JavaScriptコードにはきれいな方法があります。私はクロムにトレースを開始するように何か入力することができます(行を一時停止する)?

+2

Chromeデベロッパーツールは、リフレッシュ間にJSブレークポイントを保持する必要があります。 JSをインクルードするために '

0

ソースでdebugger;ステートメントを使用して、デバッガをブレークさせることができます。

0

Chromeデベロッパーツールは期待どおりの振る舞いをする必要がありますが、debugger;ステートメントを(開発中!)コードに入れて実行を一時停止することができます。

34

ブレークポイントを設定し、[ネットワーク]タブに切り替えて、[ログを保存する]トグルボタンを選択します。これで、リフレッシュ時にブレークポイントが存在するはずです。

またはJavaScriptの方法はまた

debugger; 
+0

正確にそのトグルボタンはどこですか?私は見ることができません... – Alvaro

18

を使用することで、あなたはan attached query parameter to the URL with the current Epoch timeで、サーバからクライアントに自分のJavaScriptファイル(複数可)を送信しますか?これは、JavaScriptファイルのキャッシュを防止するために使用されます。

この場合、Chromeデベロッパーツールは、リフレッシュ後にファイルを別のものに解釈して、ブレークポイントを(正しく)削除しているようです。

私にとって、クエリパラメータを削除すると、CDTは更新後にブレークポイントを保持しました。

+3

ありがとうございます!ExtJS 4には、ファイルがキャッシュされないようにするための "_dc"パラメータが含まれており、毎回ブレークポイントをクリアします。 Ext.Loader.setConfig({ disableCaching:false、 e nuch:true }); '' app configに ''はそれを無効にします。 –

+0

@BrianToppingそのヒントのThx。キャッシュを防ぐために動的クエリーパラメータを付加するのはなぜそんなに愚かなことでしたか? – Juri

+0

@sjogren_me、Chrome Dev Toolsでクエリパラメータをどのように削除しましたか? – gwg

8

これはおそらく、他のスクリプトから動的に読み込んだり評価したりするスクリプトで起こっていることでしょうか?私はsourceURLプロパティを発見するまで、このシナリオが本当に私を苛立たせたと自分自身で言うことができます。デバッグにしたいスクリプトの最後の行に、次の特別な形式のコメントを配置、それはそれのための基準のフレームを持っているように、クロームの中だろう「アンカー」それを:

//#sourceURLに= filename.js

手作業で配置されたブレークポイントは、ページの読み込み間でも持続するようになりました。コンベンションは実際にはソースマップの仕様に由来していますが、Chromeは少なくともスタンドアロンの技術としてそれを尊重しています。ここにはreferenceがあります。 ExtJSの6.xを使用人々のため

1

:あなたは「キャッシュ」ページのURLへ「disableCacheBuster」クエリパラメータを追加することができますExt.Loaderに代わりdisableCachingの
。これにより、ファイルから "_dc"パラメータが削除され、クロムデバッガがブレークポイントを保持できるようになります。

アプリケーションでbootstrap.js(configパラメータdisableCaching)を参照してください。

+0

loader.cacheのapp.jsonに値を設定することで正式な方法があるようです:true、https://www.sencha.com/forum/showthread.php?303932-Setting-a-breakpoint-in-Chrome-リフレッシュすると消えてしまう回避策 – saurabh

関連する問題