Інструмент розробника Chrome: HTML-скрипт порожній (у вихідному) підручник з налагодження


90

Я роблю підручник з налагодження C hrome , використовуючи NetBeans та Google Chrome. Здається, все, включаючи розширення, працює коректно, але коли я потрапляю до розділу Use the Debugger, я не бачу HTML-код, щоб вставити точку зупинки.

Після вибору в браузері перевірити спливаюче вікно, воно відкриється в консолі, нічого не відображаючи, Elements відображає popup.html із доданими зображеннями. Коли я переходжу до джерел, файл popup.html можна відкрити, але єдиний рядок, рядок 1, порожній. Якщо я відкрию файл js, файл js буде там і може бути відредагований (з перервою).

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

ПОДАЛЬШЕ: Ввівши location.reload(true)в підказку консолі, файл popup.html став видимим як джерело! Чому? Не маю уявлення.

Сподіваюсь, це рятує когось цілий день, який я витратив, спотикаючись.


5
location.reload (true) у мене спрацював.
WillB3

Так, але це перезавантажує сторінку та втрачає будь-яку взаємодію, яку ви могли мати на сторінці до відкриття налагоджувача.
Пітер Бренд,

де мені писати "location.reload (true)"
sidhewsar

2
Проблема все ще стикається з 2019 роком!
Aamir Rizwan

Це траплялося в останній версії Chrome, жовтень 2019 року, але фокус location.reload (true) нічого не завантажив. До речі, у вікні джерела відображається лише рядок номер 1, але нічого іншого.
Говард Браун

Відповіді:


53

Здається, це відома проблема з Chromium DevTools. По суті, HTML та інший вміст, що не є сценарієм, вже очищений до того, як DevTools відкриється, і немає надійного способу повернути його назад. Оновлення сторінки з відкритим DevTools "виправляє" проблему.


4
Погоджено - у мене проблема, і це виправлення застаріло (для попередньої ідентичної проблеми) або не працює.
Dan Nissenbaum

3
у мене теж така ж проблема. Оновлення сторінки не вирішує проблему.
MH

17
Ви можете змусити його працювати, закривши інструменти розробника та знову відкривши їх за допомогою опції inspect element. Це працює для мене.
Вішаль

7
Ще в грудні 2017 року!
Пітер Бренд

7
Помилка все ще присутня - травень 2019 року
Кріс Роджерс

48

у моєму випадку замовлення допомогло було

  1. закрити порожню вкладку в джерелах
  2. закрити розробницькі інструменти
  3. відкриті інструменти розробника
  4. відкрити вкладку у джерелах (вона все ще пуста)
  5. оновити сторінку

1
Хто знає, чи буде це надійним виправленням, але цього разу це вдалося! 😁
Джеймс Хілл,

1
Чоловіче, я вічно шукав цього "виправлення"
Йордек,

це спрацювало для мене
Сміт,

це спрацювало і для мене
AVH

24

У мене була ця проблема, і я щойно виявив, що вимкнення "Увімкнути вихідні карти Javascript" у вікні налаштувань Інспектора (F1) вирішило її

Я відтворив свою js.map, відновив налаштування, і джерело все ще було доступне.

Тому я думаю, що моя проблема полягала в тому, що я обслуговував немініфіковані js (налаштування розробника), але карта (створена для налаштувань продукту) все ще була там і застаріла.


4
закрийте хром і знову відкрийте його після зміни налаштування!
Nateous 29.03.18

17

У моєму випадку я не зміг отримати доступ до консолі, оскільки на її вкладці також відображається порожня сторінка. Моє рішення полягає у використанні комбінації CTRL + SHIFT + I з порожнім екраном налагоджувача у фокусі, а потім введіть parent.location.reload(true)у консолі спливаючого налагоджувача.


2
Як і в коментарі WillB вище, це перезавантажує сторінку і втрачає будь-яку взаємодію, яку ви могли мати на сторінці до відкриття налагоджувача.
Пітер Бренд

Чудово! Це спрацювало для мене після 2 годин боротьби.
Zeeshan Adil

Я не знаю, що передбачає parent.location.reload, але це вирішило мою проблему після кількох перезапусків Chrome / жорсткого оновлення / спорожнення даних кеш-пам'яті chrome! Дякую!
білуга

Радий, що міг допомогти. Він перезавантажує батьківське вікно (порожнє вікно, де ви ввели CTRL + SHIFT + I) з дочірнього вікна.
Ікенна Ентоні Окафор,

5

У моєму випадку було розширення в chrome, через яке налагоджувач видавав порожню сторінку індексу під розділом "без домену" налагоджувача. Після вимкнення всіх несуттєвих розширень у chrome, налагоджувач знову показав правильне джерело.


4
Було б чудово, якби ви взяли до відома розширення, що спричиняє проблему. Багато розширень можуть бути для вас несуттєвими та важливими для мене. Це робить відповідь нікчемною.
Імад,

5
Я б не погодився з "нікчемним". Принаймні ви знаєте, як перевірити плагіни.
Brett Drake

Це була моя проблема - у моєму випадку я встановив розширення UltraSurf Unblock VPN. Відкриття сторінки локального налагодження у вікні анонімного перегляду негайно відкрило її. Трохи "durrrr" моменту я повинен визнати :( ха-ха!
IfElseTryCatch

За допомогою інкогніто це виправлено для мене.
Петах,

4

Dev Tools (F12) -> Вікно налаштувань інспектора (F1) -> Відновити за замовчуванням та перезавантажити [кнопка внизу] працює для мене!


2

Я помітив, що деякі серйозні проблеми з JavaScript створюють такі проблеми. У моєму випадку я помилково перезаписав весь свій документ через помилку.

Якщо ви отримуєте порожню HTML-сторінку в налагоджувачі Chromium WebTools, уважно перегляньте свій javascript, щоб переконатися, що він не робить нічого дивного.


1
Здається, саме це спричинило проблему і для мене. У моєму випадку у мене було погане посилання на jquery. $ ('inputid') на відміну від $ ('# inputid').
Вінсент

2

Я вирішив свою проблему за допомогою абсолютно нового сеансу з аргументом командного рядка "--user-data-dir" та відключення "Увімкнути Javascript Source Maps". Мій код чудово відображається у налагоджувачі Firefox, тому, схоже, це спричинено помилкою Chrome.


1

У мене була та сама проблема. Навіть оновлення сторінки не спрацювало.

Перехід chrome://helpта оновлення браузера + перезапуск працювали для мене.

Ви також можете оновити Chrome через меню:

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


0

у моєму випадку це сталося раптово, після зараження шкідливим програмним забезпеченням та скидання браузера - видалений кеш / дані програми.

Рішення: видаліть розширення, яке може вплинути на Js у моєму випадку

я видалив / вимкнув розширення нижче і працював https://chrome.google.com/webstore/detail/quick-javascript-switcher/geddoclleiomckbhadiaipdggiiccfje?hl=uk

дивно, тому що до того, як я без проблем вмивав цей аддон, я думаю, що це як СЛР у душі. :)


0

У моєму випадку я проковтнув браузер із синхронізацією, який працював кілька днів. Я відбив ковток і вирішив свою проблему.


0

У мене також була ця проблема, коли у мене був величезний файл сценарію Java, у мене був цей рядок

                points.push({
                    location: new google.maps.LatLng(46.5376919, 4.5425704),
                    date : "5/8/2017 5:11:00 PM",
                    free : true
                });

в циклі for, і він нараховував 3000 елементів, тому файл зростає у сценарії, а файл порожній у хромованих джерелах. (Думаю, я дотримався певного обмеження)

Зменшивши файл, видаливши до 100 елементів, він працював нормально.

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