Chrome-Entwicklertools zeigen nicht mehr alle JavaScript-Dateien an


86

Nicht mehr alle JavaScript-Dateien sind in den Chorme Developer-Tools sichtbar.

Google Chrome ist aktuell. Version 44.0.2403.130 m Debug-Version der App. Skripte im Kopf.

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

Der erste Teil der Skripte ist in den Chrome Developer Tools im Menü Quellen im Pfad localhost / Scripts / * sichtbar. Der zweite Teil der Skripte ist seit gestern nicht mehr sichtbar. Was ist mit den Entwicklertools los?

Es gibt keine Fehler in der JavaScript-Konsole. Ich kann erfolgreiche Anfragen nach JavaScript-Dateien auf der Registerkarte "Netzwerk" sehen. Alles JavaScript wird geladen. Anwendung funktioniert gut.

Was ist mit den Entwicklertools los? Hat jemand eine Idee?

Wenn ich dem Arbeitsbereich den Ordner "localhost" hinzufüge, ist alles sichtbar, auch serverseitige Quelldateien.


10
Verwenden Sie die Registerkarte Netzwerk in den Entwicklertools und aktualisieren Sie die Seite, um festzustellen, ob die js-Datei beim Laden der Seite tatsächlich geladen wurde.
Seano666

@ Seano666 Das habe ich gemacht. Die Erklärung der Frage wird durch Ihren Kommentar geklärt. Danke.
Fosna

2
Fügen Sie eine console.log in eine Quelldatei ein, aktualisieren Sie die Seite, Sie erhalten die console.log und können von der Konsole aus auf die Quelle klicken.
SilentTremor

Wenn kein Konsolenprotokoll vorhanden ist, werden Ihre Quelldateien nicht von der erwarteten Stelle geladen.
SilentTremor

@ SilentTremor Tolle Idee. Danke. Der Dateiname neben der Nachricht vom Parameter console.log () lautet VM254 DdiClientMain.js: 17. Ich frage mich, was das bedeutet?
Fosna

Antworten:


113

Öffnete die Registerkarte "Netzwerk" in den Entwicklertools und drückte zum Aktualisieren F5 - danke @ Seano666 für Ihren Kommentar zu der Frage


9
das hat auch bei mir funktioniert. Das Öffnen der Netzwerkregisterkarte während des Neuladens scheint den Fehler zu beeinflussen
CodeToad

Pro-Tipp: Sie können alles, was auf einer Seite geladen wurde, sortieren, indem Sie nach "Typ" sortieren. Auf diese Weise werden alle Skripte zusammen aufgelistet
Novastorm

Das Öffnen der Devtools funktioniert gut für mich. Sie müssen die Registerkarte "Netzwerk" nicht öffnen.
Surjith SM

Wow das hat funktioniert. Wie haben Sie diese Lösung überhaupt herausgefunden? : P
Gokul NK

Dieser Fehler besteht immer noch in Version 77.0.3865.90 (Official Build) (64-Bit)
Markus Zeller

39

Für mich musste ich nur die Einstellungen der Entwicklertools öffnen und auf der ersten Registerkarte auf die Schaltfläche "Standardeinstellungen wiederherstellen und neu laden" klicken.

Dann wurden alle meine lokalen Skripte wieder angezeigt und das Debuggen war wieder normal.


20

Fügen Sie die debugger;Anweisung an einer beliebigen Stelle Ihres Skripts hinzu. Der Debugger stoppt an dieser Stelle und zeigt Ihnen das Skript an, auch wenn das Skript dynamisch geladen wird.

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

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

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

2
Dies funktionierte perfekt für ein Skript, das über einen AJAX-Aufruf geladen wurde, der nicht im Quellenfenster angezeigt werden sollte. Da Chrome es in einer Art VM-Datei ausführte, debugger;zwang das Setzen der Zeile Chrome, die VM-Datei zu öffnen.
James Haug

@ JamesHaug in der Tat, dies ist die einzige Möglichkeit, dynamisch geladene Skripte zu debuggen, entweder sie wurden über ein Framework geladen oder injiziert
Bigpony

10

Versuchen Sie, mit der rechten reloadMaustaste auf die Schaltfläche in den Entwicklertools zu klicken .
Sie erhalten ein Menü, aus dem Sie auswählen können : Empty Cache & Hard Reload.
Das hat bei mir funktioniert.


Das funktioniert auch bei mir. Noch vor dem Aktualisieren kann ich das fehlende Skript auf der Registerkarte "Anwendung" finden.
knopch1425

4

Ich hatte das gleiche Problem und "Leerer Cache und hartes Neuladen" funktionierte für mich.


Arbeitete für mich ohne Notwendigkeit, Chrom neu zu installieren
Dimitry K

3

Problem: Ich habe einige Zeit entwickelt / debuggt und bin dann auf ein ähnliches Problem gestoßen. Obwohl in meinen Konsolenprotokollen Zeilennummern angezeigt wurden, wurde ich beim Klicken auf Zeile 1 einer leeren Seite weitergeleitet. Meine Skripte waren in HTML eingebettet, sodass ich sie auf der Registerkarte "Elemente" sehen konnte. Als ich die Datei auf der Registerkarte "Quellen" öffnete, war sie nur leer.

Lösung: Die Lösung für mich bestand darin, die URL-Adresse zu kopieren, in eine neue Registerkarte einzufügen und die Entwicklungstools erneut zu öffnen. Der ursprüngliche Tab war irgendwie in einen schlechten Zustand geraten.


Tatsächlich. Ich hatte genau das gleiche Problem. Chrome wurde neu gestartet, wodurch das Problem behoben wurde.
Rustem Zinnatullin

2

Das Problem ist auf die Netzwerkzuordnung und -entzuordnung zurückzuführen. Es gibt einige seltsame Fehler in Chrome Dev Tools, die diese Art von Problemen verursachen. Manchmal sehen Sie vielleicht sogar alte CSS-Dateien in der Seitenleiste und wenn Sie die CSS-Datei über die linke Seitenleiste öffnen. es wäre nur leer oder noch schlimmer, würde nicht einmal sichtbar sein.

Sogar ich habe alle Optionen ausprobiert. Neustart, Entfernen aller Chache, Zuordnung der Zuordnung aufheben. Inkognito-Modus. Aber am Ende musste neu installiert werden, um dieses Update zu machen.

Machen Sie also eine neue Chrominstallation. alles sollte gut sein.


2

Ich habe das gleiche Problem mit einem Ordner festgestellt, der nicht geladen wurde, und ich habe es folgendermaßen behoben:

  1. Im SourcesModus, klicken Sie auf die blau-markierte Taste:

    Geben Sie hier die Bildbeschreibung ein

  2. Wählen Sie Open file.

  3. Geben Sie den Namen der gewünschten Datei in das Eingabefeld für die Suche ein.

  4. Wählen Sie die Datei aus der Ergebnisliste aus.


1

Der Grund dafür ist, dass Ihre Skriptdatei noch nicht geladen ist. Aktualisieren Sie die Seite mit f5, und in den Quellen werden Skripte aufgelistet. Dies geschah, wenn Sie Ihr Skript-Tag am Ende des Tags platzieren.


1

In meinem Fall war es das Chrome-Cache-Problem. Das Erfrischen hat bei mir nicht funktioniert. Nach dem Zuordnen der folgenden Datei wurde mein Problem behoben

1- Öffnen Sie die Datei im Browser, z. B. http://example.com/script.js

2- Fügen Sie eine Version hinzu, z. B. http://example.com/script.js ? V = 2

Dadurch wird der Cache geleert und die Datei wird als bearbeitbar angezeigt.


1

Wenn Sie in Chrome debuggen, fügen Sie den Debugger hinzu. Anweisung davor und danach im Javascript, in der der Browser zum Debuggen angehalten werden soll


0

Ich habe Chrome mit dem Entfernen von Chrome-Profildaten neu installiert. Es funktioniert jetzt.


1
Gibt es eine Möglichkeit, die Profildaten für Chrome Dev Tools selektiv zu löschen? Sie möchten nicht den vollständigen Verlauf und die Lesezeichen usw. verlieren.
Alex

3
Ich bin über diese Antwort gestolpert und Sie können die Einstellungen der Entwicklertools selektiv zurücksetzen, ohne das gesamte Chrome-Profil zu löschen. Drücken Sie F12, dann F1 und am Ende der Seite befindet sich eine Schaltfläche, mit der die Entwicklungswerkzeuge zurückgesetzt werden.
Michael Thessel

Vielen Dank Michael Tessel - mein Chrome-Entwickler hat aus unbekannten Gründen nur meine weniger Dateien angezeigt (was das Debuggen ziemlich schwierig macht). Ich habe die devtool-Einstellungen zurückgesetzt und alles hat wieder funktioniert! :-)
Hass

0

Ich habe das gleiche Problem festgestellt. Ich habe lediglich alle Temp-Dateien in den lokalen AppData unter Ihrem Profilnamen gelöscht, z. B. C: \ Users \ userprofile \ AppData \ Local \ Temp


0

Für mich war auch ein "Mapping and Unmapping" -Problem. Ich habe alle Zuordnungen entfernt, aber die Ordner unter der Website waren nicht sichtbar.

Die Lösung für mich war: Gehen Sie in den Einstellungen der Entwickler-Tools zur Registerkarte "Arbeitsbereich". Es gab noch einige Kartierungen. Ich habe alles entfernt. Nach einem Nachladen war okay.


0

Ich hatte das gleiche Problem und habe die genannten Antworten ausprobiert, aber es stellte sich heraus, dass Google Chrome stillschweigend aktualisiert wurde und neu gestartet werden muss, damit alles gut funktioniert.

Geben Sie chrome://settings/helpIhre Chrome-URL ein und prüfen Sie, ob ein Neustart erforderlich ist.


0

Ich hatte dieses Problem aufgrund eines Rechtschreibfehlers im Javascript-Skript-Tag.

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

Problem waren Rechtschreibfehler im Attribut type, die ich dann geändert habe zu:

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

und es hat bei mir reibungslos funktioniert, manchmal ist das Problem sehr gering, aber die Effekte sind größer.

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.