Инструменты разработчика Chrome больше не отображают все файлы JavaScript

86

Не все файлы JavaScript больше не отображаются в инструментах разработчика Chorme.

Google Chrome обновлен. Версия 44.0.2403.130 m Отладочная версия приложения. Скрипты в голове.

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

Первая часть скриптов видна в Инструментах разработчика Chrome в меню «Источники» по пути localhost / Scripts / *. Вторая часть скриптов не видна со вчерашнего дня. Что случилось с инструментами разработчика?

В консоли JavaScript нет ошибок. На вкладке сети я вижу успешные запросы на файлы JavaScript. Весь JavaScript загружен. Приложение работает нормально.

Что случилось с инструментами разработчика? Есть у кого-нибудь идеи?

Если я добавлю "папку" localhost в рабочую область, все будет видно, даже исходные файлы на стороне сервера.

Фосна
источник
10
Используйте вкладку сети в инструментах разработчика и обновите страницу, чтобы определить, действительно ли был загружен файл js при загрузке страницы.
Seano666
@ Seano666 Я сделал это. Объяснение вопроса разъясняется в результате вашего комментария. Спасибо.
Fosna
2
поместите console.log в исходный файл, обновите страницу, вы получите console.log, и вы можете щелкнуть источник из консоли.
SilentTremor 07
Если консольный журнал отсутствует, это означает, что ваши исходные файлы загружаются не там, где вы ожидаете.
SilentTremor 07
@SilentTremor Отличная идея. Спасибо. Имя файла рядом с сообщением из параметра console.log () - VM254 DdiClientMain.js: 17. Интересно, что это значит?
Fosna

Ответы:

114

Открыл вкладку сети в инструментах разработчика и нажал F5, чтобы обновить - спасибо @ Seano666 за ваш комментарий к вопросу

abiNerd
источник
9
это сработало и для меня. открытие вкладки сети во время перезагрузки, похоже, влияет на ошибку
CodeToad
Совет для профессионалов: вы можете отсортировать все, что загружено на страницу, отсортировав по типу, таким образом, все скрипты будут перечислены вместе
Novastorm
Открытие Devtools мне подходит. Нет необходимости открывать вкладку «Сеть».
Surjith SM
Вау, это сработало. Как вы вообще придумали это решение? : P
Gokul NK
Эта ошибка все еще существует в версии 77.0.3865.90 (официальная сборка) (64-разрядная версия)
Маркус Целлер,
40

Мне просто нужно было открыть настройки инструментов разработчика и нажать кнопку «Восстановить настройки по умолчанию и перезагрузить» на первой вкладке.

Затем снова появились все мои локальные скрипты, и отладка вернулась в нормальный режим.

Брендан
источник
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 запускал его в каком-то файле виртуальной машины, установка debugger;строки вынудила Chrome открыть файл виртуальной машины.
Джеймс Хауг
@JamesHaug действительно, это единственный способ отлаживать динамически загружаемые скрипты, либо они были загружены через фреймворк, либо были введены
bigpony
Это сработало для меня, но все равно не отображается, если у меня нет «отладчика».
Стив
10

Попробуйте щелкнуть правой кнопкой мыши по reloadкнопке в инструментах разработчика.
Вы получите меню , из которого вы можете выбрать: Empty Cache & Hard Reload.
Это сработало для меня.

Южный огонь
источник
У меня это тоже работает. Кроме того, еще до обновления я могу найти недостающий скрипт на вкладке «Приложение».
knopch1425
4

У меня была такая же проблема, и у меня сработало «Очистить кеш и жесткая перезагрузка».

кошы6252
источник
Дмитрий К
3

Проблема: я какое-то время занимался разработкой / отладкой, а потом столкнулся с аналогичной проблемой. Несмотря на то, что в моих журналах консоли отображались номера строк, когда я щелкал по ним, я попадал на первую строку пустой страницы. Мои скрипты были встроены в html, поэтому я мог видеть их на вкладке «Элементы», но когда я открыл файл на вкладке «Источники», он был просто пустым.

Решение: для меня исправление заключалось в том, чтобы скопировать URL-адрес и вставить его в новую вкладку и повторно открыть инструменты разработчика. Исходная вкладка почему-то оказалась в плохом состоянии.

Маркус
источник
На самом деле. У меня была точно такая же проблема. Перезапустил Chrome, что устранило проблему.
Рустем Зиннатуллин
2

Проблема связана с отображением и отключением сети. В инструментах разработчика Chrome есть странная ошибка, которая вызывает такого рода проблемы. Иногда вы даже можете увидеть старые файлы css на боковой панели и когда вы открываете файл css с левой боковой панели. это было бы просто пусто или, что еще хуже, даже не было бы видно.

Даже я перепробовал все варианты. перезапуск, удаление всего чача, снятие отображения. режим инкогнито. Но в итоге пришлось переустановить, чтобы исправить это.

Итак, сделайте новую установку Chrome. все должно быть нормально.

Тарандип Сингх
источник
2

У меня возникла такая же проблема с папкой, которая не загружается, и я решил ее следующим образом:

  1. В Sourcesрежиме нажмите выделенную синим кнопку:

    введите описание изображения здесь

  2. Выбрать Open file.

  3. Введите имя нужного файла в поле ввода поиска.

  4. Выберите файл из списка результатов.

NiVeR
источник
1

Причина в том, что ваш файл сценария еще не загружен, обновите страницу с помощью f5, и вы увидите сценарии, перечисленные в источниках. Это происходит, когда вы помещаете свой тег скрипта в конец тега.

akaMahesh
источник
1

В моем случае это была проблема с кешем Chrome. Обновление у меня не сработало. После сопоставления файла ниже моя проблема была исправлена

1- Откройте файл в браузере, например http://example.com/script.js

2- Добавьте версию, например http://example.com/script.js ? V = 2

Это очищает кеш, и файл начинает отображаться как редактируемый.

Онур Коджатас
источник
1

Если вы отлаживаете в Chrome, добавьте отладчик; оператор до и после в javascript, где вы хотите остановить браузер для отладки

Гопал Синха
источник
0

Я переустановил Chrome, удалив данные профиля Chrome. Теперь это работает.

Фосна
источник
1
Есть ли где выборочно удалить данные профиля для инструментов chrome dev? Не хочу терять полную историю, закладки и прочее.
Alex
3
Я наткнулся на этот ответ, и вы можете выборочно сбросить настройки инструментов разработчика, не удаляя весь профиль Chrome. Нажмите F12, затем F1, и внизу страницы есть кнопка, которая просто сбрасывает инструменты разработчика.
Michael Thessel
Большое спасибо, Майкл Тессел - мой разработчик Chrome по непонятным причинам начал показывать только мои файлы less (что затрудняет отладку). Я сбросил настройки devtool, и все снова заработало! :-)
hasse
0

У меня возникла та же проблема, все, что я сделал, это удалил все временные файлы в локальных AppData под именем вашего профиля, например, C: \ Users \ userprofile \ AppData \ Local \ Temp

Стюард Бопапе
источник
0

Для меня также была проблема «сопоставления и отмены сопоставления». Я удалил все сопоставления, но папки на веб-сайте не были видны.

Решение для меня было: в настройках инструментов разработчика перейти на вкладку «Рабочая область». Были еще какие-то карты. Я все удалил. После перезагрузки все было в порядке.

Маттео Тосато
источник
0

У меня была такая же проблема, и я попробовал упомянутые ответы, но оказалось, что Google Chrome обновлялся незаметно, и его нужно перезапустить, тогда все работает хорошо.

Введите chrome://settings/helpсвой URL-адрес Chrome и проверьте, не требуется ли его перезапуск.

Шико
источник
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 минут), поэтому у меня создалось впечатление, что они вообще не загружаются. Я видел это, когда долгое время загружал локальный проект. После загрузки они остаются в памяти даже после обновления страницы.

Саумиль
источник