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