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


87

すべての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が読み込まれます。アプリケーションは正常に動作します。

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

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


10
開発ツールの[ネットワーク]タブを使用し、ページを更新して、ページの読み込み時にjsファイルが実際に読み込まれたかどうかを確認します。
Seano666 2015

@ Seano666やった。コメントの結果、質問の説明が明確になります。THX。
Fosna 2015

2
console.logをソースファイルに入れ、ページを更新すると、console.logが取得され、コンソールからソースをクリックできます。
SilentTremor 2015

コンソールログが存在しない場合は、ソースファイルが期待した場所からロードされていないことを意味します。
SilentTremor 2015

@SilentTremor素晴らしいアイデア。THX。console.log()パラメーターからのメッセージの横のファイル名はVM254 DdiClientMain.js:17です。これはどういう意味かしら?
Fosna 2015

回答:


118

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


10
これは私にとってもうまくいきました。リロード中にネットワークタブを開くとバグに影響するようです
CodeToad 2016


Devtoolsを開くことは私にとってはうまくいきます。[ネットワーク]タブを開く必要はありません。
Surjith SM 2017

うわーこれはうまくいった。この解決策をどのように理解しましたか?:P
GokulNK19年

このバグはまだバージョン77.0.3865.90(公式ビルド)(64ビット)上に存在する
マルクスゼラー

41

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

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


21

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

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

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

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

2
これは、ソースパネルに表示することを拒否するAJAX呼び出しを介してロードされたスクリプトに対して完全に機能しました。Chromeはある種のVMファイルでそれを実行していたので、debugger;行を置くとChromeはVMファイルを開くように強制されました。
James Haug 2018

@JamesHaugは確かに、これは私が動的にロードされたスクリプトをデバッグすることができる唯一の方法である、どちらか彼らはフレームワークを経由してロードまたは注入した
bigpony

これは私にとってはうまくいきましたが、そこに「デバッガー」がない場合はまだ表示されません。
スティーブ

10

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


これは私にも有効です。また、更新する前でも、[アプリケーション]タブで不足しているスクリプトを見つけることができます。
knopch1425 2017

4

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


Chromeを再インストールする必要なしに私のために働いた
Dimitry K

3

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

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


確かに。私はまったく同じ問題を抱えていました。問題を修正したChromeを再起動しました。
RustemZinnatullin19年

2

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

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

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


2

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

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

    ここに画像の説明を入力してください

  2. 選択する Open fileます。

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

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


1

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


1

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

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

2-バージョンを追加します(例:http//example.com/script.js ?v = 2)

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


1

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


0

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


1
Chrome開発ツールのプロファイルデータを選択的に削除する場所はありますか?完全な履歴やブックマークなどを失いたくない。
アレックス

3
私はこの答えに出くわしました。Chromeプロファイル全体を削除せずに、開発ツールの設定を選択的にリセットできます。F12、次にF1を押すと、ページの下部に開発ツールをリセットするボタンがあります。
Michael Thessel 2016

たくさんのMichaelTesselに感謝します-あいまいな理由で私のchromedevは私の少ないファイルしか表示し始めませんでした(これはデバッグを非常に難しくします)。devtoolの設定をリセットすると、すべてが再び機能しました。:-)
2017年

0

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


0

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

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


0

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

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


0

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

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

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

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

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


0

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

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.