web-dev-qa-db-ja.com

Chrome開発者ツール：htmlスクリプトは空白です（ソース内）デバッグチュートリアル

NetBeansとGoogle Chromeを使用して、C - hromeデバッグチュートリアル を実行しています。拡張機能を含むすべてが正しく動作するように見えますが、セクション_Use the Debugger_に到達すると、ブレークポイントを挿入するためのHTMLコードが表示されません。

ブラウザーで検査ポップアップを選択すると、コンソールで何も表示されず、Elementsに画像が追加されたpopup.htmlが表示されます。 Sourcesに移動すると、popup.htmlファイルを開くことができますが、行1のみが空白です。 jsファイルを開くと、jsファイルがそこにあり、編集できます（ブレークポイント）。

申し訳ありませんが、おそらく基本的なことですが、これについてはあまり経験がありません。私はすべてをリロードしてリフレッシュしようとしました。

フォローアップ：コンソールプロンプトにlocation.reload(true)と入力すると、popup.htmlファイルがソースとして表示されます。どうして？わからない。

これが私がつまずいて過ごした一日中誰かを救うことを願っています。

debugginggoogle-chromedeveloper-tools
73
DrWhat

これは、Chromium DevToolsでは 既知の問題 のようです。基本的に、HTMLおよびその他のスクリプト以外のコンテンツは、DevToolsが開く前に既にフラッシュされており、それを取り戻す信頼できる方法はありません。 DevToolsでページを更新すると、問題が「修正」されます。

40
Eric

この問題が発生しましたが、インスペクター設定ウィンドウ（F1）で「Javascriptソースマップを有効にする」を無効にすると解決したことがわかりました。

Js.mapを再作成し、設定を再度有効にしましたが、ソースはまだ利用可能です。

だから、私の問題は、縮小されていないjs（dev設定）を提供していたが、マップ（prod設定用に構築された）がまだそこにあり、古くなっていたと思います。

23
paul

私の場合、助けられた注文は

  1. ソースの空白のタブを閉じます
  2. 開発ツールを閉じる
  3. 開発ツールを開く
  4. ソースでタブを開きます（まだ空白です）
  5. ページの更新
18
Andrey Zausaylov

私の場合、タブにも空白ページが表示されていたため、コンソールにアクセスできませんでした。私の解決策は、Ctrl + Shift + Iの組み合わせを空白のデバッガー画面と組み合わせて使用​​し、ポップアップデバッガーのコンソールでparent.location.reload(true)と入力することです。

15
Ikenna Anthony Okafor

私の場合、chromeに拡張機能があり、デバッガーは、デバッガーの「ドメインなし」セクションの下に空白のインデックスページを表示します。Chromeで重要でない拡張機能をすべて無効にした後、デバッガー再び正しいソースを示しました。

5
Brett Drake

いくつかの深刻なjavascriptの問題がこのような問題を引き起こすことに気付きました。私の場合、タイプミスのためにドキュメント全体を誤って上書きしていました。

Chromium WebToolsデバッガーで空白のhtmlページを取得している場合は、javascriptをよく見て、奇妙なことをしていないことを確認してください。

2
AWT

開発ツール（F12）->インスペクター設定ウィンドウ（F1）->デフォルトを復元し、[下部のボタン]をリロードするとうまくいきます！

2
Sylwia M

コマンドライン引数 "--user-data-dir"を使用した新しいセッションを使用し、 "Enable Javascript Source Maps"を無効にして問題を修正しました。私のコードはFirefoxデバッガーで正常に表示されるので、Chromeバグが原因のようです。

2
Simon

同じ問題がありました。ページを更新しても機能しませんでした。

chrome://helpに移動してブラウザを更新し、再起動するとうまくいきました。

メニューからChromeも更新できます：

enter image description here

1
Charles

私の場合、browsersyncを数日間実行していました。私は一息ついて問題を解決しました。

0
dman

私の場合、マルウェアに感染し、ブラウザをリセットした後、突然キャッシュ/アプリデータを削除しました。

解決策：私の場合、Jに影響する可能性のある拡張子を削除します

私は以下の拡張機能を削除/無効にして動作しましたhttps://chrome.google.com/webstore/detail/quick-javascript-switcher/geddoclleiomckbhadiaipdggiiccfje?hl=en

奇妙なのは、そのアドオンを問題なく動作させる前に、心からのCPRのようなものだと思うからです。 :)

0
shareef

巨大なJavaスクリプトファイルがあるときにもこの問題がありました。

                points.Push({
                    location: new google.maps.LatLng(46.5376919, 4.5425704),
                    date : "5/8/2017 5:11:00 PM",
                    free : true
                });

forサイクルで3000個のアイテムをカウントしていたため、スクリプトでファイルが大きくなり、chromeソースでファイルが空白になりました。

100個のアイテムを削除してファイルを小さくした後、問題なく機能しました。

0
Dongolo Jeno