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

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

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

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

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

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

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

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

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

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

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

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

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

В моем случае было расширение в chrome, из-за которого отладчик выдавал пустую страницу индекса в разделе «без домена» отладчика. После отключения всех несущественных расширений в Chrome отладчик снова показал правильный источник.

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

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

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

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

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

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

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

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

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

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

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

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

У меня тоже была эта проблема, когда у меня был огромный файл 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 элементов он работал нормально.

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