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.