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.


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


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.


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);
                    });
                }

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.


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.


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.


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.


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.


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.


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.


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


0

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


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


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.


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.


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.


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.

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.