ChromeデベロッパーツールにすべてのJavaScriptファイルが表示されなくなった

すべてのJavaScriptファイルがChormeDeveloperツールに表示されるわけではありません。

GoogleChromeは最新です。バージョン44.0.2403.130mアプリのデバッグバージョン。頭の中のスクリプト。

<script src="/Scripts/jquery-ui-1.8.24.js"></script>
<script src="/Scripts/jquery.validate.js"></script>

...

<script src="/Client/Statics/GuiContainers.js"></script>
<script src="/Client/ClientDAL.js"></script>
<script src="/Client/ClientLayoutUpdater.js"></script>
<script src="/Client/ClientRenderer.js"></script>
<script src="/Client/ControllerLocator.js"></script>

スクリプトの最初の部分は、localhost / Scripts / *パスの[ソース]メニューのChromeデベロッパーツールに表示されます。スクリプトの2番目の部分は、昨日から表示されていません。開発者ツールの問題は何ですか？

JavaScriptコンソールにエラーはありません。[ネットワーク]タブでJavaScriptファイルのリクエストが成功したことを確認できます。すべてのJavaScriptが読み込まれます。アプリケーションは正常に動作します。

開発者ツールの問題は何ですか？誰かアイデアがありますか？

ローカルホストの「フォルダー」をワークスペースに追加すると、サーバー側のソースファイルも含め、すべてが表示されます。

開発者ツールで[ネットワーク]タブを開き、F5キーを押して更新しました-質問に対するコメントをありがとう@ Seano666

私の場合、開発ツールの設定を開いて、最初のタブの[デフォルトに戻して再読み込み]ボタンをクリックするだけで済みました。

その後、すべてのローカルスクリプトが再び表示され、デバッグは通常に戻りました。

debugger;スクリプトの任意の部分に命令を追加すると、スクリプトが動的にロードされている場合でも、デバッガーはこの時点で停止し、スクリプトを表示します。

                onSuccess: function (result) {
                    debugger;
                    combo.empty();
                    $(result).each(function () {
                        var option;

                        option = document.createElement('option');
                        option.value = this.Id;

                        $(option).appendTo(combo);
                    });
                }

reload開発ツールのボタンを右クリックしてみてください。
以下を選択できるメニューが表示されますEmpty Cache & Hard Reload。
それは私のために働いた。

同じ問題が発生し、「空のキャッシュとハードリロード」が機能しました。

問題：私はしばらくの間開発/デバッグを行っていましたが、同様の問題が発生しました。コンソールログに行番号が表示されていても、クリックすると空白ページの1行目に移動しました。スクリプトはhtmlに埋め込まれているため、[要素]タブで確認できましたが、[ソース]タブでファイルを開くと、空白でした。

解決策：私にとっての修正は、URLアドレスをコピーして新しいタブに貼り付け、開発ツールを再度開くことでした。元のタブはどういうわけか悪い状態になっていた。

この問題は、ネットワークのマッピングとマッピング解除が原因です。Chrome開発ツールには、この種の問題を引き起こす奇妙なバグがいくつかあります。サイドバーに古いcssファイルが表示されたり、左側のサイドバーからcssファイルを開いたりすることもあります。それはただ空白であるか、さらに悪いことに、目に見えることさえありません。

私でさえすべてのオプションを試しました。再起動、すべての問題の削除、マッピングのマッピング解除。プライバシーモード。しかし、最終的には、この修正を行うために再インストールする必要がありました。

したがって、Chromeの新規インストールを実行してください。すべてがうまくいくはずです。

フォルダが読み込まれないという同じ問題が発生し、次の方法で解決しました。

1. ではSourcesモード、青強調表示]ボタンをクリックします。

   

2. 選択する Open fileます。

3. 検索入力ボックスに必要なファイルの名前を入力します。

4. 結果リストからファイルを選択します。

その理由は、スクリプトファイルがまだロードされていないためです。ページをf5で更新すると、ソースにスクリプトが一覧表示されます。これは、スクリプトタグをタグの下部に配置したときに発生しました。

私の場合、それはChromeキャッシュの問題でした。リフレッシュは私にはうまくいきませんでした。以下のファイルをマッピングした後、私の問題を修正しました

1-ブラウザでファイルを開きます（例：http：//example.com/script.js）

2-バージョンを追加します（例：http：//example.com/script.js ？v = 2）

これにより、キャッシュがクリアされ、ファイルが編集可能として表示され始めます。

Chromeでデバッグしている場合は、デバッガーを追加します。デバッグのためにブラウザを停止するJavaScriptの前後のステートメント

Chromeプロファイルデータを削除してChromeを再インストールしました。今は動作します。

同じ問題が発生しました。C：\ Users \ userprofile \ AppData \ Local \ Tempなどのプロファイル名でローカルAppData内のすべてのTempファイルを削除するだけでした。

私にとっても「マッピングとマッピング解除」の問題でした。すべてのマッピングを削除しましたが、Webサイトの下のフォルダーが表示されませんでした。

私にとっての解決策は次のとおりです。開発ツールの設定で、[ワークスペース]タブに移動します。まだいくつかのマッピングがありました。すべて削除しました。リロード後は大丈夫でした。

私は同じ問題を抱えていて、言及された答えを試しましたが、Google Chromeがサイレントに更新され、再起動する必要があり、すべてが正常に機能するようになりました。

chrome://settings/helpChromeのURLを入力し、再起動が必要かどうかを確認します。

javascriptスクリプトタグ内のスペルミスが原因で、この問題に直面しました。

<script type="text/javsscript" src="./../js/lib/darkmodejs.min.js"></script>

問題は属性内のスペルミスでしたがtype、それを次のように変更しました。

<script type="text/javascript" src="./../js/lib/darkmodejs.min.js"></script>

それは私にとってはスムーズに機能しました。問題は非常に小さい場合もありますが、影響は大きくなります。

私の場合、問題は、私が持っていたJavaScriptファイルのロードに非常に長い時間（約5分）がかかっていたため、まったくロードされていないという印象を与えました。久しぶりにローカルプロジェクトをロードすると、これが発生するのを見てきました。それらがロードされると、ページを更新した後でもメモリに残ります。