Інструменти розробника Chrome більше не відображають усі файли JavaScript


86

У інструментах Chorme Developer більше не видно всіх файлів JavaScript.

Google Chrome оновлений. Версія 44.0.2403.130 м Налагоджена версія програми. Сценарії в голові.

<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

Якщо журналу консолі немає, це означає, що ваші вихідні файли не завантажуються з місця, де ви очікуєте.
SilentTremor

@SilentTremor Чудова ідея. Дякую. Ім'я файлу поруч із повідомленням із параметра console.log () - VM254 DdiClientMain.js: 17. Цікаво, що це означає?
Фосна

Відповіді:


114

Відкрив вкладку мережі в інструментах розробника та натиснув клавішу F5 для оновлення - дякую @ Seano666 за ваш коментар до питання


9
це спрацювало і на мене. відкриття мережевої вкладки під час перезавантаження, здається, впливає на помилку
CodeToad

Порада професіонала: Ви можете сортувати все завантажене на сторінці, сортуючи за типом, таким чином, всі скрипти перераховані разом
Novastorm

Відкриття Devtools для мене прекрасно працює. Не потрібно відкривати вкладку Мережа.
Surjith SM

Ого, це спрацювало. Як ти взагалі зрозумів це рішення? : P
Gokul NK

Ця помилка все ще існує у версії 77.0.3865.90 (Офіційна збірка) (64-розрядна версія)
Markus Zeller

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 запускав його у якомусь файлі VM, розміщення debugger;рядка змусило Chrome відкрити файл VM.
James Haug

@JamesHaug справді, це єдиний спосіб, яким я міг налагоджувати динамічно завантажені сценарії, або їх завантажували через фреймворк, або вводили
bigpony

Це спрацювало для мене, але все ще не видно, якщо у мене немає «налагоджувача».
Стів

10

Спробуйте клацнути правою кнопкою reloadмиші в інструментах розробника.
Ви отримаєте меню , з якого ви можете вибрати: Empty Cache & Hard Reload.
Це спрацювало для мене.


Це працює і для мене. Крім того, навіть перед оновленням, я можу знайти відсутній сценарій на вкладці "Програма".
knopch1425

4

У мене була та сама проблема, і "Порожній кеш і важке перезавантаження" працювали для мене.


Працював у мене без необхідності перевстановлювати хром
Dimitry K

3

Проблема: Я деякий час розробляв / налагоджував, а потім зіткнувся з подібною проблемою. Незважаючи на те, що в моїх журналах консолі були номери рядків, коли я клацнув на них, мене перевели в рядок 1 порожньої сторінки. Мої сценарії були вбудовані в html, тому я міг бачити їх на вкладці Елементи, але коли я відкрив файл на вкладці Джерела, він був просто порожнім.

Рішення: Виправленням для мене було скопіювати адресу URL-адреси та вставити її на нову вкладку та знову відкрити інструменти розробника. Оригінальна вкладка якось потрапила в поганий стан.


Справді. У мене було точно таке ж питання. Перезапустив Chrome, який вирішив проблему.
Рустем Зіннатуллін

2

Проблема пов’язана із картографуванням та розмальовуванням мережі. Є деякі дивні помилки в chrome dev tools, які викликають подібні проблеми. Інколи ви навіть можете побачити старі файли css на бічній панелі та коли ви відкриваєте файл css з лівої бічної панелі. це було б просто порожнім або навіть гірше, навіть не буде видно.

Навіть я спробував усі варіанти. перезапуск, видалення всього чашу, зняття зіставлення. режим інкогніто. Але врешті-решт довелося перевстановити, щоб це виправити.

Тож продовжуйте виконувати інсталяцію нового хрому. все повинно бути Прекрасно.


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? Не хочете втрачати всю історію, закладки тощо.
Олексій

3
Я натрапив на цю відповідь, і ви можете вибірково скинути налаштування інструментів розробника, не видаляючи весь профіль Chrome. Натисніть F12, потім F1, а внизу сторінки є кнопка, яка просто скине інструменти розробника.
Michael Thessel

Дякую купі Майкла Тесселя - мій chrome dev з незрозумілих причин почав показувати лише мої менші файли (що робить налагодження досить складним). Я скинув налаштування devtool, і все знову запрацювало! :-)
hasse

0

У мене виникла та сама проблема, все, що я зробив, - це видалити всі Temp-файли в локальних AppData під вашим іменем профілю, наприклад C: \ Users \ userprofile \ AppData \ Local \ Temp


0

Для мене також була проблема "картографування та розмальовування". Я видалив усі зіставлення, але папок під веб-сайтом не було видно.

Рішення для мене було: у налаштуваннях інструментів розробника перейдіть на вкладку "Робоча область". Там ще було якесь картографування. Я видалив усіх. Після перезавантаження все було в порядку.


0

У мене була та сама проблема, і я спробував згадані відповіді, але виявилося, що Google Chrome оновлюється безшумно, і його потрібно перезапустити, тоді все буде добре.

Введіть chrome://settings/helpсвою хромовану URL-адресу та перевірте, чи потрібно її перезапускати.


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>

і у мене це працювало гладко, інколи проблема дуже незначна, але ефекти більші.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.