web-dev-qa-db-ja.com

Chrome開発者ツールはすべてのJavaScriptファイルを表示しなくなりました

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

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

<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>

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

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

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

Localhost "folder"をワークスペースに追加すると、サーバー側のソースファイルも含め、すべてが表示されます。

javascriptgoogle-chromedebugginggoogle-chrome-devtools
71
Fosna

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

0
Fosna

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

100
abiNerd

私にとっては、開発者ツールの設定を開いて、最初のタブの「デフォルトに戻し、リロード」ボタンをクリックするだけでした。

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

31
Brendan

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

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

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

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

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

8
Southern Fire

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

4
koshy6252

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

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

それでは、新しいchromeインストールを実行してください。すべてがうまくいくはずです。

2
Tarandeep Singh

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

1-ブラウザでファイルを開きます。 http://example.com/script.js

2-バージョンを追加します。 http://example.com/script.js？v = 2

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

1
Onur Kocatas

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

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

1
Marcus

私は同じ問題を抱えていて、答えを挙げてみましたが、Google Chromeが静かに更新され、再起動する必要があり、すべてが正常に機能するようになりました。

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

0
Shiko

私は同じ問題を経験しましたが、あなたのプロファイル名の下にあるローカルAppDataのすべての一時ファイルを削除するだけでした、例えばC：\ Users\userprofile\AppData\Local\Temp

0
Steward Bopape

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

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

0
Matteo Tosato

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

0
akaMahesh

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

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

    enter image description here

  2. Open fileを選択します。

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

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

0
NiVeR