Инструменты разработчика 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 за ваш комментарий к вопросу


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


3

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

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


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

2

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

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

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


2

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

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

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

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

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

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


1

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


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

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.