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

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

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

申し訳ありませんが、おそらく基本的なことですが、これについてはあまり経験がありません。すべてをリロードして更新してみました。

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

これにより、私がつまずいた一日を誰かが救うことを願っています。

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

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

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

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

js.mapを再作成し、設定を再度有効にしましたが、ソースは引き続き使用可能でした。

ですから、私の問題は、縮小されていないjs（開発設定）を提供していたのに、マップ（製品設定用に作成された）がまだ存在し、古くなっていることだと思います。

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

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

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

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

Chromium WebToolsデバッガーで空白のhtmlページが表示される場合は、JavaScriptをよく見て、何も問題がないことを確認してください。

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

私も同じ問題を抱えていました。ページの更新でさえ機能しませんでした。

行くchrome://helpと私のために働いたブラウザ+再起動をリフレッシュ。

メニューからChromeを更新することもできます。

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

解決策： 私の場合、Jsに影響を与える可能性のある拡張機能を削除してください

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

奇妙なことに、そのアドオンを問題なく洗う前に、心肺蘇生法のようだと思います。:)

私の場合、browsersyncを数日間実行していると一口飲みました。私は一口バウンスして問題を解決しました。

私は巨大なjava-scriptファイルを持っていたときにこの問題も抱えていました、私はこの行を持っていました

                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アイテムに削除してファイルを小さくした後、問題なく動作しました。