Narzędzia programistyczne Chrome nie wyświetlają już wszystkich plików JavaScript

86

Nie wszystkie pliki JavaScript są już widoczne w narzędziach Chorme Developer.

Google Chrome jest zaktualizowany. Wersja 44.0.2403.130 m Wersja aplikacji do debugowania. Skrypty w głowie.

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

Pierwsza część skryptów jest widoczna w Chrome Developer Tools w menu Sources na ścieżce localhost / Scripts / *. Druga część skryptów nie jest widoczna od wczoraj. O co chodzi z narzędziami deweloperskimi?

W konsoli JavaScript nie ma błędów. Widzę udane żądania plików JavaScript na karcie sieci. Cały JavaScript jest załadowany. Aplikacja działa dobrze.

O co chodzi z narzędziami deweloperskimi? Czy ktoś ma pomysł?

Jeśli dodam „folder” hosta lokalnego do obszaru roboczego, wszystko będzie widoczne, nawet pliki źródłowe po stronie serwera.

Fosna
źródło
10
Użyj karty sieciowej w narzędziach programistycznych i odśwież stronę, aby sprawdzić, czy plik js został faktycznie załadowany podczas ładowania strony.
Seano666
@ Seano666 Zrobiłem to. Wyjaśnienie pytania jest wyjaśnione w wyniku twojego komentarza. Dzięki.
Fosna
2
umieść console.log w pliku źródłowym, odśwież stronę, otrzymasz console.log i możesz kliknąć źródło z konsoli.
SilentTremor
Jeśli nie ma dziennika konsoli, oznacza to, że pliki źródłowe nie są ładowane z oczekiwanego miejsca.
SilentTremor
@SilentTremor Świetny pomysł. Dzięki. Nazwa pliku obok komunikatu z parametru console.log () to VM254 DdiClientMain.js: 17. Zastanawiam się, co to oznacza?
Fosna

Odpowiedzi:

114

Otworzyłem kartę sieciową w narzędziach programistycznych i nacisnąłem F5, aby odświeżyć - dzięki @ Seano666 za komentarz do pytania

abiNerd
źródło
9
to zadziałało również dla mnie. otwarcie karty sieci podczas przeładowania wydaje się wpływać na błąd
CodeToad
Wskazówka dla profesjonalistów: możesz sortować wszystko, co zostało załadowane na stronie, sortując według
``
Otwarcie Devtools działa dla mnie dobrze. Nie ma potrzeby otwierania karty Sieć.
Surjith SM
Wow, to zadziałało. Jak w ogóle wymyśliłeś to rozwiązanie? : P
Gokul NK
Ten błąd nadal istnieje w wersji 77.0.3865.90 (oficjalna kompilacja) (64-bitowa)
Markus Zeller
40

Dla mnie wystarczyło otworzyć ustawienia Narzędzi dla programistów i kliknąć przycisk „Przywróć domyślne i załaduj ponownie” na pierwszej karcie.

Następnie wszystkie moje lokalne skrypty pojawiły się ponownie i debugowanie wróciło do normy.

Brendan
źródło
21

Dodaj debugger;instrukcję w dowolnej części skryptu, debugger zatrzyma się w tym momencie i pokaże ci skrypt, nawet jeśli skrypt jest ładowany dynamicznie.

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

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

                        $(option).appendTo(combo);
                    });
                }
bigpony
źródło
2
Działało to doskonale w przypadku skryptu ładowanego za pośrednictwem wywołania AJAX, które odmawiało wyświetlania w panelu źródeł. Ponieważ Chrome uruchamiał go w jakimś pliku VM, wstawienie debugger;linii zmusiło Chrome do otwarcia pliku VM.
James Haug,
@JamesHaug rzeczywiście, jest to jedyny sposób, w jaki mogłem debugować dynamicznie ładowane skrypty, albo były ładowane za pośrednictwem frameworka, albo wstrzykiwane
bigpony
To zadziałało dla mnie, ale nadal nie pokazuje, czy nie mam tam „debugera”.
Steve
10

Spróbuj kliknąć prawym przyciskiem myszy reloadprzycisk w narzędziach programistycznych.
Dostaniesz menu, z którego można wybrać: Empty Cache & Hard Reload.
To zadziałało dla mnie.

Southern Fire
źródło
To działa również dla mnie. Ponadto, jeszcze przed odświeżeniem, mogę znaleźć brakujący skrypt w zakładce „Aplikacja”.
knopch1425
4

Miałem ten sam problem i „Opróżnij pamięć podręczną i przeładuj” działało.

koshy6252
źródło
Pracował dla mnie bez konieczności ponownej instalacji chrome
Dimitry K
3

Problem: Od jakiegoś czasu opracowywałem / debugowałem, a potem napotkałem podobny problem. Mimo że moje dzienniki konsoli pokazywały numery wierszy, po ich kliknięciu zostałem przeniesiony do pierwszego wiersza pustej strony. Moje skrypty były osadzone w html, więc mogłem je zobaczyć w zakładce Elementy, ale kiedy otworzyłem plik w zakładce Źródła, był po prostu pusty.

Rozwiązanie: Rozwiązaniem dla mnie było skopiowanie adresu URL i wklejenie go do nowej karty i ponowne otwarcie narzędzi programistycznych. Oryginalna zakładka jakoś popadła w zły stan.

Marcus
źródło
W rzeczy samej. Miałem dokładnie ten sam problem. Zrestartowałem Chrome, co rozwiązało problem.
Rustem Zinnatullin
2

Problem jest spowodowany mapowaniem i usuwaniem mapowania sieci. W narzędziach programistycznych Chrome jest jakiś dziwny błąd, który powoduje tego rodzaju problemy. Czasami możesz nawet zobaczyć stare pliki css na pasku bocznym i po otwarciu pliku css z lewego paska bocznego. byłoby po prostu puste lub nawet gorzej, nie byłoby nawet widoczne.

Nawet ja wypróbowałem wszystkie opcje. ponowne uruchamianie, usuwanie wszystkich chache, mapowanie usuwania mapowania. tryb inkognito. Ale w końcu musiałem ponownie zainstalować, aby to naprawić.

Więc śmiało, zrób nową instalację Chrome. wszystko powinno być dobrze.

Tarandeep Singh
źródło
2

Wystąpił ten sam problem z nie ładowaniem folderu i rozwiązałem go w następujący sposób:

  1. W Sourcestrybie kliknij podświetlony na niebiesko przycisk:

    wprowadź opis obrazu tutaj

  2. Wybierz Open file.

  3. Wpisz nazwę żądanego pliku w polu wyszukiwania.

  4. Wybierz plik z listy wyników.

NiVeR
źródło
1

Powodem jest to, że twój plik skryptu nie jest jeszcze załadowany, odśwież stronę za pomocą f5, a zobaczysz skrypty wymienione w źródłach. Dzieje się tak, gdy umieścisz tag skryptu na dole tagu.

akaMahesh
źródło
1

W moim przypadku był to problem z pamięcią podręczną Chrome. Odświeżanie nie działa dla mnie. Po zmapowaniu poniższego pliku naprawiłem mój problem

1- Otwórz plik w przeglądarce, np. Http://example.com/script.js

2- Dodaj wersję, np. Http://example.com/script.js ? V = 2

Spowoduje to wyczyszczenie pamięci podręcznej i plik zacznie być wyświetlany jako edytowalny.

Onur Kocatas
źródło
1

Jeśli debugujesz w przeglądarce Chrome, dodaj debuger; instrukcja przed i po w javascript, w której przeglądarka ma zatrzymać się w celu debugowania

Gopal Sinha
źródło
0

Ponownie zainstalowałem Chrome, usuwając dane profilu Chrome. Teraz działa.

Fosna
źródło
1
Czy jest miejsce, w którym można selektywnie usunąć dane profilu dla narzędzi programistycznych Chrome? Nie chcę stracić całej historii, zakładek i tak dalej.
Alex
3
Natknąłem się na tę odpowiedź i możesz selektywnie zresetować ustawienia narzędzi programistycznych bez usuwania całego profilu Chrome. Naciśnij F12, następnie F1, a na dole strony znajduje się przycisk, który po prostu zresetuje narzędzia programistyczne.
Michael Thessel
Wielkie dzięki Michael Tessel - mój programista Chrome z niejasnych powodów zaczął pokazywać tylko mniej plików (co sprawia, że ​​debugowanie jest dość trudne). Zresetowałem ustawienia devtool i wszystko znowu działało! :-)
hasse
0

Doświadczyłem tego samego problemu, wszystko, co zrobiłem, to usunąć wszystkie pliki Temp w lokalnych AppData, pod nazwą twojego profilu, np. C: \ Users \ userprofile \ AppData \ Local \ Temp

Steward Bopape
źródło
0

Dla mnie był to również problem „mapowania i usuwania mapowania”. Usunąłem wszystkie mapowania, ale foldery w witrynie internetowej nie były widoczne.

Dla mnie rozwiązaniem było: w ustawieniach narzędzi deweloperskich przejdź do zakładki „Workspace”. Wciąż było trochę map. Usunąłem wszystko. Po przeładowaniu było dobrze.

Matteo Tosato
źródło
0

Miałem ten sam problem i próbowałem wspomnianych odpowiedzi, ale okazało się, że Google Chrome aktualizował się po cichu i trzeba go ponownie uruchomić, wtedy wszystko działa dobrze.

Wpisz chrome://settings/helpswój chrome URL i sprawdź, czy wymaga ponownego uruchomienia.

Shiko
źródło
0

Napotkałem ten problem z powodu błędu pisowni w tagu skryptu javascript.

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

Problem polegał na błędnej pisowni w atrybucie type, który następnie zmieniłem na:

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

i dla mnie działało bezproblemowo, czasami problem jest bardzo niewielki, ale efekty są większe.

ArifMustafa
źródło
0

W moim przypadku problem polegał na tym, że pliki JavaScript, które miałem, ładowały się znacznie dłużej (około 5 minut), więc sprawiało mi to wrażenie, że w ogóle się nie ładują. Widziałem, jak to się dzieje, gdy ładuję lokalny projekt po długim czasie. Po załadowaniu pozostają w pamięci nawet po odświeżeniu strony.

Saumil
źródło