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