Инструмент разработчика Chrome: HTML-скрипт пуст (в исходном коде) руководство по отладке

93

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

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

Извините - возможно, что-то базовое, но я не очень разбираюсь в этом. Я пробовал перезагрузить и обновить все.

ПОСЛЕДУЮЩИЕ ДЕЙСТВИЯ: при вводе location.reload(true)в командной строке консоли файл popup.html стал видимым как исходный! Почему? Без понятия.

Я надеюсь, что это спасет кого-то от целого дня, который я провел, спотыкаясь.

DrWhat
источник
5
location.reload (true) работал у меня.
WillB3
Да, но это перезагружает страницу и теряет любое взаимодействие, которое вы могли иметь на странице до открытия отладчика.
Питер Брэнд
где я должен написать "location.reload (true)"
сидевсар
2
Проблема все еще возникает в 2019 году!
Аамир Ризван
Это произошло в последней версии Chrome от октября 2019 года, но трюк location.reload (true) ничего не загрузил. Между прочим, в исходном окне отображается только строка номер 1, но ничего больше.
Говард Браун

Ответы:

55

Похоже, это известная проблема с Chromium DevTools. По сути, HTML и другое содержимое, не являющееся сценарием, уже очищается до открытия DevTools, и нет надежного способа вернуть его. Обновление страницы с открытым DevTools «исправляет» проблему.

Эрик
источник
4
Согласен - проблема возникла, и это исправление либо устарело (для предыдущей идентичной проблемы), либо не работает.
Дэн Ниссенбаум
3
у меня такая же проблема. Обновление страницы не решает проблему.
MH
17
вы можете заставить его работать, закрыв инструменты разработчика и снова открыв их, используя опцию проверки элемента. Меня устраивает.
Vishal
7
Еще в декабре 2017 года!
Питер Брэнд
7
Ошибка все еще присутствует - май 2019 г.
Крис Роджерс,
53

в моем случае порядок помог

  1. закройте пустую вкладку в источниках
  2. закрыть инструменты разработчика
  3. открыть инструменты разработчика
  4. откройте вкладку в источниках (она все еще пуста)
  5. обновить страницу
Андрей Заусайлов
источник
1
Кто знает, будет ли это надежным исправлением, но на этот раз оно сработало! 😁
Джеймс Хилл
1
Чувак, я вечно искал это "исправление"
Йордек
2
Я не могу. Верю. Это ... лет. Оф. Боль ... Решено. В. An. Мгновенный. БЛАГОДАРЮ ВАС.
egmfrs
24

У меня была эта проблема, и я только что обнаружил, что отключение «Включить исходные карты Javascript» в окне настроек инспектора (F1) решило ее.

Я воссоздал свой js.map, снова включил настройку, но исходный код все еще был доступен.

Поэтому я думаю, что моя проблема заключалась в том, что я обслуживал unminified js (настройки разработчика), но карта (построенная для настроек prod) все еще существовала и устарела.

Павел
источник
4
закройте хром и снова откройте после изменения настройки!
Nateous
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
Я бы не согласился с «никчемным». По крайней мере, вы знаете, что нужно проверить плагины.
Бретт Дрейк
Это была моя проблема - в моем случае я установил расширение UltraSurf Unblock VPN. Открытие локальной страницы отладки в окне инкогнито мгновенно вызывает ее. Немного «durrrr» момент, я должен признать :( ха-ха!
IfElseTryCatch
Использование инкогнито исправило это для меня.
Петах
4

Инструменты разработчика (F12) -> Окно настроек инспектора (F1) -> Восстановить настройки по умолчанию и перезагрузить [кнопка внизу] у меня работает!

Сильвия М
источник
2

Я заметил, что некоторые серьезные проблемы с javascript вызывают подобные проблемы. В моем случае я ошибочно перезаписывал весь документ из-за опечатки.

Если вы получаете пустую html-страницу в отладчике Chromium WebTools, внимательно посмотрите на свой javascript, чтобы убедиться, что он не делает ничего странного.

AWT
источник
1
Похоже, именно это и вызвало у меня проблему. В моем случае у меня была плохая ссылка на jquery. $ ('inputid') вместо $ ('# inputid').
Винсент,
2

Я исправил свою проблему, используя новый сеанс с аргументом командной строки «--user-data-dir» и отключив «Включить исходные карты Javascript». Мой код отлично отображается в отладчике Firefox, поэтому похоже, что он вызван ошибкой Chrome.

Саймон
источник
1

У меня такая же проблема. Даже обновление страницы не сработало.

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

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

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

Чарльз
источник
0

в моем случае это случилось внезапно, после того как я заразился вредоносным ПО и сбросил настройки браузера - удалил кеш / данные приложения.

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

Я удалил / отключил указанное ниже расширение и работал https://chrome.google.com/webstore/detail/quick-javascript-switcher/geddoclleiomckbhadiaipdggiiccfje?hl=en

Странно, потому что до того, как я без проблем использовал этот аддон, я думал, что это как сердечно-легочная реанимация. :)

Шариф
источник
0

В моем случае у меня был глоток с запущенным браузером в течение нескольких дней. Я отскочил от глотка и решил проблему.

dman
источник
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 элементов, поэтому файл в сценарии увеличивался, а в источниках Chrome файл был пустым. (Я думаю, что попал в какое-то ограничение)

После уменьшения размера файла путем удаления до 100 элементов он работал нормально.

Донголо Джено
источник
0

У меня была такая же проблема, когда мой HTML-документ был пустым на вкладке «Источники». Я попробовал несколько рекомендованных здесь исправлений, но ни одно из них не помогло. Это предложение даже привело к исчезновению всех локальных скриптов. Единственное, что у меня сработало, это из окна инспектора нажатие клавиши F5. Кредит на этот ТАК ответ .

Сэм Хупер
источник